CSSの「a」と「a:link」の違いを教えてください。

CSSでリストを横に並べて、グローバルナビゲーションを作っているのですが、aとa:linkの違いがわかりません。

例えばHTMLは以下のように

<div id="gNavi">
<ul>
<li><a href="../omotenashi.html">おもてなし</a></li>
<li><a href="../stay.html">過ごし方</a></li>
<li><a href="../rooms.html">客室</a></li>
<li><a href="../facilities.html">館内施設</a></li>
<li><a href="../dish.html">料理</a></li>
<li class="last"><a href="../onsen.html">温泉</a></li>
</ul>
</div>

CSSは

#gNavi {
height: 60px;
width: 960px;
margin-right: auto;
margin-left: auto;
}

#gNavi ul {
text-align: center;
}

#gNavi ul li {
display: inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
width: 159px;
float: left;
}

#gNavi ul li.last {
border-right-style: none;
}

#gNavi ul li a {
background-color: #F00;
width: 159px;
float: left;
}


#gNavi ul li a:hover {
background-color: #09F;
color: #FFF;
width: 159px;
float: left;
}

という風に書きますが（間違っているかもしれません。）、#gNavi ul li aを#gNavi ul li a:linkと書いてはいけないのでしょうか？

aとa:linkの違いはなんですか？

No.1 ベストアンサー 回答者： fujillin 回答日時： 2009/10/09 19:08

aはリンクタグ（<a>）に適用される。

a:linkはリンクタグで未訪問のリンクの場合に適用される。
（ご質問文にあるa:hoverと似たような指定方法です）

「疑似クラス」とかで、ぐぐってみればいろいろ解説しているところがみつかるはず。
とりあえず、最初に出てきたところを参考までに…
http://www.est.hi-ho.ne.jp/gaia/hp/css/linkclass …
http://msugai.fc2web.com/web/CSS/pseudo.html

この回答へのお礼

回答ありがとうございました。
参考になりました！

お礼日時：2009/10/22 15:44