如何不重寫CSS中的屬性

Question

我是一個HTML和CSS的初學者，我已將:hover僞類設置爲我網站中的所有定位標記background-color，但在我網站的一部分中，我需要有一個background-image in :hover以及background-color。

但不幸的是:hover類部分（background-image）被重寫background-color，如何設置兩個background-color和background-image沒有任何人重寫其他，所以我得到了全球background-color在它前面background-image？

當然沒有寫一個特別的東西：把那個部分懸停在那個背景色&圖像合起來的部分？

Answer 1

特異性和級聯是你的朋友。爲您的錨你的CSS規則可以構造類似如下（使用一個類或ID來表示你的網站的特定部分）：

a:hover { 
    background-color: red; 
} 

.some-portion a:hover { 
    background-image: url(yourimg.png); 
} 

第二條規則應該仍然適用背景顏色，因爲顏色適用於關於懸停的任何錨點。

Answer 2

您可以嘗試使用!importanthttp://www.w3.org/TR/CSS2/cascade.html#important-rules，當然這將是有益的，看看你是如何使用它的一些例子給你更精確的答案

Answer 3

添加你想成爲一個類或ID來你的錨不同。

<a id="differentTag" href="#">Link</a> 

在你的CSS

則...

#differentTag:hover { 
    background-image: url(...); 
    background-color: #000; 
} 

希望幫助