Css 有人能解释为什么;“第N个孩子”-选择器的优先级高于;悬停;?

Css 有人能解释为什么;“第N个孩子”-选择器的优先级高于;悬停;?,css,css-selectors,Css,Css Selectors,昨天我遇到这样的情况:我的一个:hover-状态停止工作。我发现如果我改变这一点: div.item {} div.item:hover {} div.item:nth-child(even) {} 为此: div.item {} div.item:nth-child(even) {} div.item:hover {} 它又起作用了 我创建了一个示例来显示这两种情况 有人能解释一下为什么选择器会覆盖:hover-状态吗?选择器具有相同的属性,因此最后一个优先。要覆盖相同的属性,可以链接选择

昨天我遇到这样的情况:我的一个
:hover
-状态停止工作。我发现如果我改变这一点:

div.item {}
div.item:hover {}
div.item:nth-child(even) {}
为此:

div.item {}
div.item:nth-child(even) {}
div.item:hover {}
它又起作用了

我创建了一个示例来显示这两种情况


有人能解释一下为什么选择器会覆盖
:hover
-状态吗?

选择器具有相同的属性,因此最后一个优先。

要覆盖相同的属性,可以链接选择器

div.container_2 > div:nth-child(even):hover {
    background: red;
}​

div.item:n子项(偶数):悬停
足以增加特异性-无需按父项选择。@谢谢,您是正确的。我在小提琴风格末尾的位置使它看起来更加具体。+1谢谢,这正是我想要的。我认为伪类中仍然存在某种层次结构。@insertusernamehere:Nope,唯一不需要进行常规计算的伪类是
:not()
,它具有其参数的特殊性。这意味着
:not(E)
的特殊性是
E
,而不是
:not()
@BoltClock Ah,因此至少有一个例外。谢谢你的补充信息。