もっと見る
ソースコードダウンロード プログラミング関連 ウェブサイト作成リソース 書籍とチュートリアル モバイルゲーム モバイルソフトウェア 記事
ホーム>Web デザインのチュートリアル>WEB標準化

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

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

div css xhtml xml ソースコード例ソースコードの例[www.downcodes.com]
a.w3cbbs{テキスト装飾:なし;}
a.w3cbbs:リンク{色:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}

最初の書き方 - Source Code Network

div css xhtml xml ソースコード例ソースコードの例[www.downcodes.com]
a .nav2 {カラー: #777;テキスト装飾: なし;}
a:リンク .nav2 {カラー: #777;}
a:ホバー.nav2 {色: #f60;}
a:アクティブ .nav2 {色: #f60;}


2 番目の書き方 - ソース コード ネットワーク

div css xhtml xml ソースコード例ソースコードの例[www.downcodes.com]
.www52css a {テキスト装飾: なし;色: #ccc;
.www52css a:visited {color: #ccc;}
.www52css a:hover {color: #f60;}


3 番目の書き方 - ソース コード ネットワーク