Question

我是HTML和CSS的初学者，我使用:hover将background-color伪类设置为我网站中的所有锚标记，但在我网站的一部分，我需要有background-image中的:hover以及background-color。

但不幸的是，该部分的:hover类（background-image）覆盖了background-color，如何设置background-color和background-image而没有任何人覆盖另外，所以我在前面加了background-color background-image？

当然没有写一个特别的东西：在那个部分悬停着背景颜色＆amp;图像组合？

Answer 1

您可以尝试使用!important http://www.w3.org/TR/CSS2/cascade.html#important-rules，当然看一些如何使用它来为您提供更精确答案的示例会很有帮助

Answer 2

特异性和级联是你的朋友。您的锚点的CSS规则可以采用如下结构（使用类或ID来表示您网站的特定部分）：

a:hover {
    background-color: red;
}

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

第二条规则应该仍然应用背景颜色，因为颜色适用于悬停时任何锚点。

Answer 3

向您希望与众不同的锚添加一个类或ID。

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

然后在你的CSS ......

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

希望有所帮助

如何不覆盖CSS中的属性

3 个答案: