有人能解释为什么"nth-child"选择器的优先级高于"悬停"吗？

Question

昨天我碰到了这个:我的一个:hover状态停止了工作.我发现如果我改变了这个:

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

对此:

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

它又有效了.

我在jsfiddle上创建了一个演示来展示这两种情况.

有人可以解释,为什么:hover-state会被选择器覆盖？

Answer 1

选择器具有相同的特异性,因此最后一个选择器优先.