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; 
}