オンライン健康相談、gooドクター

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の違いはなんですか?

gooドクター

A 回答 (1件)

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
    • good
    • 0
この回答へのお礼

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

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

gooドクター

人気Q&Aランキング