css – 有人可以解释为什么“nth-child”选择器的优先级高于“悬停”吗?

前端之家收集整理的这篇文章主要介绍了css – 有人可以解释为什么“nth-child”选择器的优先级高于“悬停”吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
昨天我碰到了这个:我的一个:悬停状态停止了工作.我发现如果我改变了这个:
div.item {}
div.item:hover {}
div.item:nth-child(even) {}

对此:

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

它又有效了.

我创建了一个demo on jsfiddle显示两种情况.

有人可以解释,为什么:悬停状态被选择器覆盖?

解决方法

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

猜你在找的CSS相关文章