CSSセレクターのカテゴリは何ですか?

CSS セレクターの分類は次のとおりです: 1. ラベル セレクター; 2. クラス セレクター; 3. ID セレクター; 4. グローバル セレクター; 5. 組み合わせセレクター; 6. 継承セレクター; 7. 疑似クラス セレクター; 7. 8. 文字列照合用の属性セレクター。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS セレクターには多くの種類があります。CSS セレクターの種類を見てみましょう

1. タグ セレクター (body、p、p、ul、li など)。

2. クラス セレクター (class="head"、class="head_logo" など)。

3. ID セレクター (id="name"、id="name_txt" など)。

4. グローバル セレクター (* など)。

5. セレクターを結合します (.head .head_logo など、2 つのセレクターはスペースバーで区切られていることに注意してください)。

6. セレクターを継承します (例: pp、2 つのセレクターはスペースバーで区切られていることに注意してください)。

7. 疑似クラス セレクター (例: リンク スタイル、要素の疑似クラス、4 つの異なる状態: リンク、訪問済み、アクティブ、ホバー)。

8. 文字列マッチング用の属性セレクター (^ $ * 3 種類、それぞれ開始、終了、包含に対応)。

上記の 8 つの CSS セレクターの中で最も一般的に使用される CSS セレクターは、ラベル セレクター、.class セレクター、ID セレクター、属性セレクター、および疑似クラス セレクターです。

以下に、これら 5 つの CSS セレクターのそれぞれの例を示します: (他のセレクターの例については、CSS マニュアルを参照してください)

(1) ラベル セレクター:

        
  
余生有你
 
幸得安喜
  

効果は次のとおりです:

(2). クラス セレクター:

        
  
div
 
div
 
div
  

効果は次のとおりです:

        
  
div
 
div
 
div
  

        
  
div
 
div
 
div
  

        
  哈喽，看我，你在干什么  

css ビデオ チュートリアル

以上がCSSセレクターのカテゴリは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。