アプリ版：「スタンプのみでお礼する」機能のリリースについて

CSS：リンクにカーソルを合わせたときに文字の色が変わらない

解決済

  • 質問者：miya_HN
  • 質問日時：
  • 回答数：3件

CSSでリンクする文字をカーソルが上に乗ったとき、文字の色を赤、下線を無くすようにしようと思ったのですが、下線部は消えるのですが文字が赤くなりません。
これを解決する方法はないでしょうか？

a:hover {color: red;
text-decoration: none}

回答よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.1

  • 回答者： gizmo_s
  • 回答日時：

記述は間違っていませんし、


問題なく赤色で、下線も消えます。

正しくCSSがページにリンクされていないのでは？
ヘッダー情報はどのように指定してあるのでしょうか？

この回答への補足

回答ありがとうございます。

<head>の間には、

<link rel="stylesheet" href="Link.css" type="text/css" />

と記述しています。読み込むスタイルシートは「Link.css」で合ってるはずなんですが…。

補足日時：2008/01/16 15:58
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
どうやら記述の順番に問題があったようです。
最初は、

1.a:link
2.a:hover
3.a:visited

の順番で記述してうまくいきませんでした。
それを、

1.a:link
2.a:visited
3.a:hover

の順番に直したところ文字が赤くすることができました。

ありがとうございました。

通報する
お礼日時：2008/01/16 16:15

No.2

  • 回答者： NymphLuna
  • 回答日時：

再現してみましたが、きちんと「下線は無く文字は赤」で表示されますね。


他に何かCSSを記述されていませんか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
どうやら記述の順番に問題があったようです。
最初は、

1.a:link
2.a:hover
3.a:visited

の順番で記述してうまくいきませんでした。
それを、

1.a:link
2.a:visited
3.a:hover

の順番に直したところ文字が赤くすることができました。

ありがとうございました。

通報する
お礼日時：2008/01/16 16:15

No.3ベストアンサー

  • 回答者： Muller3
  • 回答日時：

関係ないかもしれませんが、a要素の疑似クラスは順番通りに書かないとブラウザによっては反映されないことがあります。



順番
a:link{ 　　}　
a:visited{　　 }
a:hover{ 　　}
a:active{ 　　}

例えばa:hoverがa:visitedの前に来たり、順番が前後してないか注意。
    • good
    • 0
    • 件
通報する
この回答へのお礼

Muller3さんのおっしゃるとおり「a:visited」と「a:hover」の順番が間違っていました。
順番を直したところ文字が赤くなり正常に動作しました。

ありがとうございました。

通報する
お礼日時：2008/01/16 16:19

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報