如何不重写CSS中的属性
问题描述:
我是一个HTML和CSS的初学者,我已将:hover
伪类设置为我网站中的所有定位标记background-color
,但在我网站的一部分中,我需要有一个background-image
in :hover
以及background-color
。如何不重写CSS中的属性
但不幸的是:hover
类部分(background-image
)被重写background-color
,如何设置两个background-color
和background-image
没有任何人重写其他,所以我得到了全球background-color
在它前面background-image
?
当然没有写一个特别的东西:把那个部分悬停在那个背景色&图像合起来的部分?
答
特异性和级联是你的朋友。为您的锚你的CSS规则可以构造类似如下(使用一个类或ID来表示你的网站的特定部分):
a:hover {
background-color: red;
}
.some-portion a:hover {
background-image: url(yourimg.png);
}
第二条规则应该仍然适用背景颜色,因为颜色适用于关于悬停的任何锚点。
答
您可以尝试使用!important
http://www.w3.org/TR/CSS2/cascade.html#important-rules,当然这将是有益的,看看你是如何使用它的一些例子给你更精确的答案
答
添加你想成为一个类或ID来你的锚不同。
<a id="differentTag" href="#">Link</a>
在你的CSS
则...
#differentTag:hover {
background-image: url(...);
background-color: #000;
}
希望帮助