html - 颜色 :none; alternative

Question

我有一个链接，其文本颜色将通过 .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; }

Answer 1

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

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

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