替代父CSS属性

Question

我有这样的CSS：

a:hover { 
    background-color:#D1E1EA; 
    color:#19558D; 
    text-decoration:none; 
} 

在我的应用程序的所有链接。但是，在一个特定的链接上，我想取消所有这些hover行为。我怎样才能做到这一点？

请注意，这不是重新定义这些属性的特定链接那样简单，因为特定链接的颜色发生变化，所以我不能只选择一个background-color ...

Answer 1

我不能完全通过覆盖确定你的意思，但你可以尝试设置背景颜色为透明，所以你没有指定一个特定的颜色。

a:hover.moreSpecific{ 
    background-color: transparent; 
} 

Answer 2

我以前发布的评论说你不能这样做，但有一个:not()选择在CSS 3，可以做到这一点。 It just won't work in IE < 9。我想你不得不在JS中使用JS。

a:hover:not(#specific_link) { 
    background-color:#D1E1EA; 
    color:#19558D; 
    text-decoration:none; 
} 

Answer 3

大多数（？全部）CSS属性允许你inherit从父元素：

a:hover.special { 
    background: transparent; 
    color: inherit; 
    text-decoration: inherit; 
}