替代父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; 
}