0

ページに 2 つのハイパーリンクがあります。「link1」の css (白いテキスト/赤いロールオーバー) には満足していますが、「link2」には別のスタイルを適用したいと考えています。

このセクション用に別の css を作成し、なんとか緑色にしましたが、赤いロールオーバー効果を取り除くことはできませんか?

「link2」だけで赤いロールオーバー効果を無効にする方法を知っている人はいますか?

http://www.signport.co.uk/test/testsize3.html

ありがとう！

4

3 に答える 3

0

hover プロパティの CSS ルールを追加します。

ここに示すフィドルがあります：http://jsfiddle.net/6cLJ8/

(CSS で) 問題を引き起こしているコードは次のとおりです。

a:hover {
    background-color: #f00;
}

次のようにオーバーライドします。

.readmoretext a:hover {
    background: none;
}
于 2012-10-12T15:35:38.970 に答える
0

2 つの異なるリンクに 2 つの異なるクラスを使用する

于 2012-10-12T15:33:42.883 に答える
0

スタイルシートにいくつかの問題があります。

まず、これを使用しています.readmoretext A。アンカー タグの正しい CSS セレクターは小文字の "a" であるため、これを に修正する必要があります.readmoretext a。

それが完了したらbackground-color: transparent;、ホバー ルールに追加して赤い背景を削除します。

最後に、colorホバー ルールに 2 つのプロパティがあります。スタイルシートは、その名前が示すようにカスケードします。最後のcolorルールのみが適用されるため、最初のルールは廃止されます。

于 2012-10-12T15:54:30.657 に答える