Zastanawiam się, czy nie zmienisz wartości, czy hover
, active
i focus
automatycznie dziedziczą ustawienia ze standardowego tagu a
?Czy ustawienia hover, active, focus są dziedziczone?
Na przykład:
.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;
}
Czy poniższy zrobić to samo?
#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;
}
Nie dokładnie "dziedziczą" wartości, ponieważ dziedziczenie w CSS odnosi się do pobierania stylów z elementu nadrzędnego. Raczej wartości są * kaskadowo * lub wzięte z ogólnej reguły 'a' (mylące, wiem). Mimo to masz właściwy pomysł. – BoltClock