CSSについての質問です。HTMLの本文中に色付き(緑)アンダーライン入りのリンクを設置し、hoverでリンクの色を替わるようにした時、リンク後も元に状態に戻りたいのですが、デフォルトのvisitedで紫色になってしまいます。visitedを指定すると今度はhoverが聞かなくなってしまいます。どなたか良い方法を教えてください。 ちなみに記述は下記の通りです。 .hon a:link{ color: #006600;text-decoration: underline;} .hon a:hover { color: #FF8000; text-decoration: underline;}

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/06/12 17:34:50
  • 終了:2006/06/12 17:58:39

回答(1件)

id:freebreeze No.1

freebreeze回答回数931ベストアンサー獲得回数142006/06/12 17:43:53

ポイント100pt

「CSS講座」(参考)

aでリンクされた部分のスタイルを指定し、a:linkやa:hoverでそれぞれの役割でのスタイルを指定します。

aと同じスタイルでよければ、必要の無いa:linkやa:hoverは書く必要はありません。

逆にa:link、a:visited、a:hover、(a:active)をそれぞれ指定するならaは必要ありません。

順番も大切で、a.a:link,a:visited,a:hover,a:actibeの順で書かないとうまく反応しません。

例えば a:visitedをa:hoverの後ろに書くと訪問済みのリンクはマウスを載せても反応しなくなります。

a{/*リンクされた文字*/

color:0000ff;

font-style:normal;

text-decoration:underline;

}

a:link {/*未訪問のリンク*/

color:0000ff;

font-style:normal;

text-decoration:underline;

}

a:visited {/*訪問後のリンク*/

color:#934C7B;

text-decoration:underline;

}

a:hover {/*マウスをのせたとき*/

color:#ff0000;

font-style:normal;

text-decoration:underline;

}

a:active {/*クリック中*/

text-decoration:none;

}

id:izumi6878

ありがとうございました!大変役に立ちました!

2006/06/12 17:57:46

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません