人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: izumi6878
●カテゴリ:インターネット ウェブ制作
✍キーワード::hover :link color CSS HTML
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● freebreeze
●100ポイント

「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;

}

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ