0

マウスオーバーした際のリンク色が変わりません。

スタイルシートの編集をしています。 リンク部分をマウスオーバーした時のみ、文字色を #ff4500 にして、
下線が表れるようにしたいと思い、下記のように入力しました。



body{
margin:0;
padding:0;
text-align:center;
font-size:12px;
line-height:1.6;
color:#eee;
font-family:'ＭＳ Ｐゴシック',Hiragino Kaku Gothic Pro,sans-serif;
background-color:#000000;
}
div#BodyBlockMain{
float:left;
overflow:hidden;
display:block;
width:620px;
}
div#BodyBlockSide{
float:right;
overflow:hidden;
display:block;
clear:none;
margin-top:10px;
width:300px;
}
a{
color:#eee;
text-decoration:none;
}
a:visited{
color:#eee;
text-decoration:none;
}
a:hover{
color:#ff4500;
text-decoration:underline;
}
a:active{
color:#eee;
text-decoration:none;
}



リンク先に未訪問の時は、うまくいくのですが、
訪問済みの場合、マウスオーバーした際に、
文字と下線の色が元の #eee で表示されてしまいます。

どうしたら、訪問済みのリンクをマウスオーバーした際の文字と下線の色を、
#ff4500 に設定できるでしょうか？

CSS初心者なので、分かりやすく教えて頂ければ嬉しいです。
宜しくお願い致します。

質問者が選んだベストソリューション

Yahoo!知恵袋 4439日前