- ベストアンサー
プログラミング html css css3
プログラミングについての質問です a{text-decoration:none;} a:hover {color:white; background:black;} a:visited{color:red;} a:active{color:silver;} このプログラム（スタイルシート）のhoverの部分が うまくいきません。 何を直せばいいでしょうか
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
リンクにマウスカーソルを乗せたとき、黒背景で白文字にスタイルを変えたいんですよね？ あなたのコードそのままで正しく動作しましたよ。 記載していない部分で何か間違えているのでは？ 試したサンプル↓ <html> <style> a{text-decoration:none;} a:hover {color:white; background:black;} a:visited{color:red;} a:active{color:silver;} </style> <a>Hoge</a> </html>
その他の回答 (1)
- celtis
- ベストアンサー率70% (2332/3291)
回答No.2
擬似クラスの記述順を変えてみましょう。 https://www.j-cool.co.jp/blog/?p=4219 a{text-decoration:none;} a:visited{color:red;} a:hover {color:white; background:black;} a:active{color:silver;}
お礼
お返事遅れてしまいもう仕分けありません！ 最近忙しくてパソコンに触れなくて。。。 それで試してみたらできました。 なせできなかったのかはわかりませんが まぁ、結果オーライということで。 ご回答ありがとうございました！