DivCSS レイアウトの基本: CSS 疑似クラスを正しく定義するには?

著者：Eve Cole 更新時間：2009-06-07 16:06:50

CSS Web ページのレイアウトでは、CSS 疑似クラスの問題が必然的に関係します。 CSS 疑似クラスを正しく定義するにはどうすればよいですか?このサイトには関連する紹介がたくさんありますが、確認しておいても損はありません。以下のコードを見ると理解できます。

ソースコードの例[www.downcodes.com]

a.w3cbbs{テキスト装飾:なし;}
a.w3cbbs:リンク{色:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">最初の書き方 - Source Code Network</a>

ソースコードの例[www.downcodes.com]

a .nav2 {カラー: #777;テキスト装飾: なし;}
a:リンク .nav2 {カラー: #777;}
a:ホバー.nav2 {色: #f60;}
a:アクティブ .nav2 {色: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">2 番目の書き方 - ソースコードネットワーク</span>
</a>

ソースコードの例[www.downcodes.com]

.www52css a {テキスト装飾: なし;色: #ccc;
.www52css a:visited {color: #ccc;}
.www52css a:hover {color: #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">3 番目の書き方 - ソースコードネットワーク</a>
</スパン>