Tôi chỉ tự hỏi nếu bạn không thay đổi các giá trị, hãy hover
, active
và focus
tự động kế thừa cài đặt từ thẻ tiêu chuẩn a
?Trạng thái di chuột, đang hoạt động, tiêu điểm có kế thừa giá trị không?
Ví dụ:
.wrapper .left .main .row .holder .more a,
#content .wrapper .left .main .row .holder .more a:visited
{
width: 92px;
min-width: 92px;
max-width: 92px;
height: 23px;
min-height: 23px;
max-height: 23px;
display: block;
margin: 0px auto;
background: #fff url(../images/more-info-btn.png) top left no-repeat;
}
#content .wrapper .left .main .row .holder .more a:hover {
width: 92px;
min-width: 92px;
max-width: 92px;
height: 23px;
min-height: 23px;
max-height: 23px;
display: block;
margin: 0px auto;
background: #fff url(../images/more-info-btn.png) bottom left no-repeat;
}
Sẽ dưới đây làm điều tương tự?
#content .wrapper .left .main .row .holder .more a,
#content .wrapper .left .main .row .holder .more a:visited
{
width: 92px;
min-width: 92px;
max-width: 92px;
height: 23px;
min-height: 23px;
max-height: 23px;
display: block;
margin: 0px auto;
background: #fff url(../images/more-info-btn.png) top left no-repeat;
}
#content .wrapper .left .main .row .holder .more a:hover {
background: #fff url(../images/more-info-btn.png) bottom left no-repeat;
}
Chúng không chính xác "kế thừa" các giá trị, vì kế thừa trong CSS đề cập đến việc lấy kiểu từ phần tử gốc. Thay vào đó, các giá trị được * cascaded *, hoặc lấy từ quy tắc 'a' chung (khó hiểu, tôi biết). Tuy nhiên, bạn có ý tưởng đúng ở đây. – BoltClock