html - CSS 移除 :hover properties

Question

我有一个无序列表，其中的元素通过 :nth-child(even) 交替显示背景颜色。当鼠标通过 :hover

悬停在元素上时，这些元素也会以不同的背景颜色突出显示

我需要能够指定元素，以便它们保持交替的背景颜色，但不会在悬停时突出显示。

我还没想出办法做到这一点。

这是一个简短的例子:http://jsfiddle.net/kjk8L/2/

Answer 1

好吧，听起来(从你下面的评论来看)你想要一个不悬停但仍保持交替背景的类。

最简单的方法是简单地定义一个类并将其从悬停 css 中排除，如下所示:

ul li:not(.special):hover {
    background-color:blue;
}

这将使悬停应用于除“特殊”类之外的所有内容。

Working fiddle