Question

I have a link where its text colour will be applied via either .light or .dark. This link also has a text colour applied on it when hovered over which I cannot remove style (but I can modify it). I want the colour of the text to not change when the user hovers over the link.

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

Just add another selector to override a:hover:

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

Demo: http://jsfiddle.net/nCt58/4/