- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：a:hoverの下線指定が反映されない）
a:hoverの下線指定が反映されない
このQ&Aのポイント
- htmファイルのheadタグ内に記述されているCSSの一部が反映されない問題が発生しています。特にa:hoverのunderlineが反映されなくなり、訪問済みの箇所も反映されなくなっています。
- underline以外のスタイル、例えばfont colorやboldは正しく反映されているため、問題はa:hoverのunderlineの設定にあると考えられます。
- 外部ファイルにCSSを記述したが読み込めなかったため、htmファイル内に記述したものの、underlineの反映ができない状態です。原因を特定して修正する必要があります。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- shizuku
- ベストアンサー率33% (25/74)
回答No.3
A {text-decoration: none;} A:hover {text-decoration: underline;} ということではないでしょうか。
質問者
お礼
質問の記述には省いていましたが a:link、a:active．．も個々にfont colorを 指定したかったためaのみでくくれなかったのです。 しかし、とりあえず解決しました。記述の順序がよくなかったようです。 ありがとうございました。
- miyan
- ベストアンサー率27% (19/68)
回答No.1
a:visited { text-decoration: none} の記述は訪問済みのリンクの下線を表示しなくするものです。 Hoverで下線表示の指定をしてもvisitedで打ち消してしまってます。 この場合a:visited { text-decoration: none} の記述を消してしまえば 意図した通りに表示されますよ。
質問者
お礼
解決しました。記述の順序がよくなかったようです。 ありがとうございました。
質問者
補足
早速のご回答ありがとうございます。 a:visited { text-decoration: none} をとったら 訪問済みは下線がでてしまいます。 マウスオーバーしたときのみ下線がでてほしいのです。 そのようなサイトを見たことがあったので なにか方法があると思うのですが．．。
お礼
順番をかえたら反映されました。 盲点でした。ありがとうございました。