昨天我遇到了这个问题:我的一个:hover状态无法正常工作。我发现,如果我更改以下内容:
div.item {}
div.item:hover {}
div.item:nth-child(even) {}
转换为:
div.item {}
div.item:nth-child(even) {}
div.item:hover {}
它再次运作。
我在jsfiddle上创建了一个演示demo,展示了两种情况。
有人能解释一下为什么:hover
状态被选择器覆盖吗?
:not()
,它会继承其参数的特异性而非自身的特异性。这意味着:not(E)
的特异性是E
,而不是:not()
的特异性。 - BoltClock