2

我有一个链接,它的文本颜色将通过.light或应用.dark。当悬停在该链接上时,该链接还应用了文本颜色,我无法删除样式(但我可以修改它)。我希望当用户将鼠标悬停在链接上时文本的颜色不会改变。

http://jsfiddle.net/nCt58/1/

<h2><a href="resume" class="light">Resume</a></h2>

a:hover { color:#ff0000; } //cannot remove this style
.light { color:#888; }
.dark { color:#000; }
4

4 回答 4

5

只需添加另一个选择器来覆盖a:hover

.light, .light:hover { color:#888; }

演示:http: //jsfiddle.net/nCt58/4/

于 2012-10-31T18:55:44.627 回答
1

您可以只使用 !important 属性。

.light {color:#888 !important;}
于 2012-10-31T18:55:35.730 回答
1

你可以这样做:

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

鉴于#222222它是未悬停时的正常颜色。

于 2012-10-31T18:56:17.203 回答
1

悬停状态使用与正常状态相同的颜色。像这样:

.light, a.light:hover{ color:#888}
.dark, a.dark:hover { color:#000; }
于 2012-10-31T18:58:14.667 回答