昨天我碰到了这个:我的一个:悬停状态停止了工作.我发现如果我改变了这个:
div.item {} div.item:hover {} div.item:nth-child(even) {}
对此:
div.item {} div.item:nth-child(even) {} div.item:hover {}
它又有效了.
我创建了一个demo on jsfiddle以显示两种情况.
有人可以解释,为什么:悬停状态被选择器覆盖?
解决方法
选择器具有相同的
specificity,因此最后一个选择器优先.