CSS多級選擇器來控制：懸停效果

Question

我有一個div：hover僞類，它應用了許多CSS效果來向用戶表明它們在它上面盤旋。

如何通過添加.disable類來禁用CSS效果？

http://jsfiddle.net/nQUSn/1/

Answer 1

除IE < 9所有的瀏覽器：

變化.a:hover {到.a:not(.disable):hover {

Answer 2

您可以創建一個選擇a.disable：懸停時的重置錨元素的樣式。例如，如果您：懸停的CSS是：

a:hover { 
    color: red; 
} 

和鏈接的顏色通常是藍色的，你禁用CSS可能看起來像：

a.disable:hover { 
    color: blue; 
} 

Answer 3

沒有必要使用「.disable」級。你可以鏈:disabled僞類與:hover僞類：

elem { 
    color : blue; 
} 
elem:hover { 
    color : lightblue; 
} 
elem:disabled, elem:disabled:hover { 
    color : grey; 
}