こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

プログラミング html css css3

プログラミングについての質問です
a{text-decoration:none;}
a:hover {color:white; background:black;}
a:visited{color:red;}
a:active{color:silver;}
このプログラム(スタイルシート)のhoverの部分が
うまくいきません。
何を直せばいいでしょうか

投稿日時 - 2017-11-09 20:59:50

QNo.9395594

困ってます

質問者が選んだベストアンサー

リンクにマウスカーソルを乗せたとき、黒背景で白文字にスタイルを変えたいんですよね?
あなたのコードそのままで正しく動作しましたよ。
記載していない部分で何か間違えているのでは?

試したサンプル↓
<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>

投稿日時 - 2017-11-09 23:09:46

お礼

お返事遅れてしまいもう仕分けありません!
最近忙しくてパソコンに触れなくて。。。

それで試してみたらできました。
なせできなかったのかはわかりませんが
まぁ、結果オーライということで。
ご回答ありがとうございました!

投稿日時 - 2017-11-25 22:29:33

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.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;}

投稿日時 - 2017-11-10 15:50:14