スタイルシートのリンクについて

質問

スタイルシートを下記の様に記述しました。
そこでリンクの部分なのですが
ポインタが上にのった時にff6666になるようにしているのですが、
ff9900のままなのです。

通常はffcc00
既読はff9900
ポインタ上にのった時にff6666
クリックした時にff0000としたいのです。
どなたかお教え下さい。

<style type="text/css">
<!--
BODY {
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffcc00;
SCROLLBAR-ARROW-COLOR: #ffcc00;
SCROLLBAR-BASE-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR : #ffffff;
SCROLLBAR-3DLIGHT-COLOR : #ffcc00}

body,tr,td {font-size: 9pt;}
body,tr,td {color: #ffcc00;}

a {text-decoration: none;}
a:link {color: #ffcc00;}
a:hover {text-decoration: underline;}
a:hover {color: #ff6666;}
a:active {color: #ff0000;}
a:visited {color: #ff9900;}

body {
background-repeat: no-repeat;
background-position: 100% 100%;
background-attachment: fixed;}
-->
</style>

回答No.1

LancerVII · ベストアンサー

こんにちは。

a {text-decoration: none;}
a:link {color: #ffcc00;}
a:hover {text-decoration: underline;}
a:hover {color: #ff6666;}
a:active {color: #ff0000;}
a:visited {color: #ff9900;}

以上の部分を以下に変えてみてはいかがでしょうか。

a {text-decoration: none;}
a:link {color: #ffcc00;}
a:active {color: #ff0000;}
a:visited {color: #ff9900;}
a:hover {text-decoration: underline;}
a:hover {color: #ff6666;}

お礼

早速のご回答ありがとうございます。
解決致しました。
順番を変えるだけだったのですね。