Мне просто интересно, если вы не меняете значения, hover
, active
и focus
автоматически наследуют настройки стандартного тега a
?
Например:
.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;
}
Будет ли то же самое в приведенном ниже примере?
#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;
}