※ ChatGPTを利用し、要約された質問です(原文:CSSの「a」と「a:link」の違いを教えてください。)
CSSの「a」と「a:link」の違いとは?
このQ&Aのポイント
CSSの「a」と「a:link」の違いについて教えてください。
HTMLのリストを横に並べてグローバルナビゲーションを作成している際に、aとa:linkの違いがわかりません。
CSSのセレクタとして「a」と「a:link」を使うときの違いについて教えてください。
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の違いはなんですか?
お礼
回答ありがとうございました。 参考になりました!