html - 色:なし; 別

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/

Answer 2

!important プロパティを使用できます。

.light {color:#888 !important;}

Answer 3

あなたがすることができます：

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

ホバリング#222222していないときは通常の色です。

Answer 4

ホバー状態は通常状態と同じ色を使用します。そのようです：

.light, a.light:hover{ color:#888}
.dark, a.dark:hover { color:#000; }