如何不重写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; 
} 

希望帮助