7

我只是想知道您是否不更改值,做hoveractivefocus自动从标准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;
}
4

2 回答 2

6

是的,这是正确的,伪状态继承了值。

出于一致性目的,最好只在伪状态规则中声明您正在更改的样式。

font-size:1.9em使用以下代码,padding-top:10px无论状态如何,文本都将始终为:hover

a
{
    color:red;
    font-size:1.9em;
    padding-top:10px;
}

a:hover
{
    color:green;
}​

-- 见示例 --

于 2012-04-17T09:09:57.397 回答
2

不,因为a处于其中一种状态的元素仍然是a元素,并且元素不能从自身继承。a但是,当元素处于其中一种状态时,作为选择器的任何设置也适用。

因此,当您希望某些属性应用于a所有状态的元素时,使用选择器设置它们就足够了a

从技术上讲,由于选择器的差异会影响特异性,因此您问题中的两组规则并不等效。这很重要的情况很少见,并且在应用的其他样式表中会涉及相当特殊的规则。

于 2012-04-17T10:13:38.323 回答