CSS：懸停奇怪的是繼承樣式

Question

我意識到，如果我在造型CSS的鏈接，使用父元素與類名，即：

div.class a { ... } 

鏈接的懸停狀態也繼承這個樣式表，但只有當我規定一個特定的類。

JSFiddle

如何來解決這個問題，沒有複製的：懸停樣式？

Answer 1

的選擇div.div a比選擇a:hover更具體的，所以它會優先考慮。

如果您使懸停選擇器更具體，它也將用於最後一個div。例如：

html body a:hover {color:#d00;} 

Answer 2

您可以使用!important作爲您的懸停樣式。

a:hover {color:#d00 !important;}