CSS去除：懸停屬性

Question

我有一個無序的項目列表，通過:nth-child(even)交替在背景顏色。該項目也有不同的背景顏色突出顯示，當鼠標經過:hover

我需要能夠使他們保持交替的背景色，不過不要讓她上懸停突出指定項目懸停在他們。

我一直無法想出辦法做到這一點。

下面是一個簡單的例子：http://jsfiddle.net/kjk8L/2/

Answer 1

好了，所以它的聲音（從下面的評論），就像你想有一個不盤旋一類，但仍保持着交替的背景。

做，這是簡單地定義一個類，並從懸停的CSS排除，這樣

最簡單的方法：

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

這將讓這個懸停已無處不在，除了「特別」類。

Working fiddle

Answer 2

添加一個hover樣式到第n個孩子（甚至）這樣

ul li:nth-child(even) { 
    background-color: grey; 
} 

看到更新後的小提琴。 http://jsfiddle.net/kjk8L/5/

Answer 3

這就是我該怎麼做，希望這有助於。

ul li:nth-child(even) { 
    background-color: #efffef; 
} 

ul li:nth-child(even):hover { 
    background-color: #dfd; 
} 

/* you can skip styling of the odd children if you don't want to */ 
ul li:nth-child(odd) { 
    background-color: #efefff; 
} 

ul li:nth-child(odd):hover { 
    background-color: #ddf; 
}