A:hover { color:red;background-color:yellow }

質問

外部ファイルのＣＳＳの一部に下記があります。
A:hover { color:red;background-color:yellow }

ある特定の文字の部分のhoverだけ
yellowではなく　#FFCCCC　などの色に変えたいときの方法についてアドバイスいただけないでしょうか。

文字の色を変えるのはできるもののhoverの色になるとよくわからず・・。

回答No.2

shorn · ベストアンサー

確か・・・・
STYLE SHEET/
A:hover { color:red;background-color:yellow }
A.other:hover { color:#FFCCCC;background-color:yellow }

HTML/
<A href=***** ></A>//赤色
<A href=***** CLASS=other ></A>//#FFCCCC色

になります。
otherは任意の名前です。

お礼

回答ありがとうございました。
サンプルの通りで無事目的の動作ができました。(^O^)

＃こうして特定の指定を別途すればいいとは思ってはいたのですが、そのclassの設定のしかたがわかりました。

回答No.1

ceita

A:hover { color: #FFCCCC;background-color: #FFCCCC }

とか、すればよいだけでは？

お礼

回答ありがとうございました。
とりあえず、別の回答者のサンプルを活用させていただきました。