スタイルシートのリンクの色

質問

HPを作成していて、スタイルシートを利用してリンクの設定をしました。

a:link{color:#0066ff}

と書いて色が変更できるだろうと思いきや、何度やっても紫色（オフィシャルの色？）にしかならないのですが、何がわるいのでしょうか？
原因がわかりません。

ちなみに、<a href="">～</a>とつながってない設定には反応するみたいでちゃんと色が変更されます。
対応するファイルがあると反応して紫色になるみたいです。
なんか変な設定とかしてるんでしょうか？

一応スタイルシートを全部載せておきます。
よろしくお願いいします。

<style type="text/css">
<!--
body {
background-image : url(img/9ron/c-koutarou.jpg);
background-position: 100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;
color:#336666;
margin:0px;
}

A:link {color:#0066ff;
text-decoration:none
}

table.head {
width:100%;
height:100%;}

td.head1 {
font-size:40px;
font-family:'Comic Sans MS';
margin-bottom:10px;
background-image : url(icon/bg/bg3.gif)
;}
td.head2 {
font-size:20px;
font-family:'Arial Black';
background-image : url(icon/bg/bg3.gif)
;}

h1 {font-size:14px;
text-align:left;
border-style:dashed;
color:#336666;
width:400px;
margin:10px
;}

-->
</style>

回答No.1

2NN · ベストアンサー

紫色は訪問済のデフォルト色です。

a:link の他に
a:visited
a:hover
a:active
も設定しましょう。（hover,activeはお好みで）

link … 訪問していないリンク
visited … 訪問済みのリンク
hover … カーソルがリンクの上に来た時
active … リンクをクリックした時

お礼

全部設定したらちゃんと色がつきました。
ありがとうございました。