悬停、激活、焦点状态是否继承属性值？

Question

我想知道如果您不改变值，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;
}

- Brett

---

在CSS中，“继承”并不完全指从父元素继承样式，而是值被级联，或从通用的“a”规则中获取（有点混乱，我知道）。但是，您的理解是正确的。 - BoltClock

Answer 1

是的，伪状态会继承值。

为了保持一致性，最好只在伪状态规则中声明你正在更改的样式。

使用以下代码，文本将始终为font-size:1.9em，带有padding-top:10px，无论是否处于:hover状态：

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

a:hover
{
    color:green;
}​

-- 点击查看示例 --

- Curtis

Answer 2

不行，因为一个状态下的元素仍然是元素，而元素不能从自身继承。但是任何将作为选择器的设置也适用于元素处于其中一个状态时。

因此，当您希望某些属性应用于所有状态下的元素时，只需使用选择器进行设置即可。

从技术上讲，您问题中的两组规则并不相等，由于选择器的差异会影响特异性。这种情况很少出现，并且涉及应用其他样式表中的特殊规则。

- Jukka K. Korpela