HTMLセレクター

セレクタ

1.1 基本セレクター

基本的なセレクターには次のものがあります。

タグセレクター: タグの名前に基づいて取得します

idセレクター: ID属性を取得します。

クラスセレクター: クラス属性

ユニバーサルセレクター: ワイルドカード

id 属性は一意ですが、クラスは一意ではありません

1.2 タグセレクター

 1.3 ID セレクター

 1.4 クラスセレクター

 1.5 ユニバーサルセレクター

 2. セレクターを含める

2.1 子孫セレクター

取得されるのは、特定のタグの第 1 レベルのサブタグです

2.2 子孫セレクター

特定のタグ内のすべてのサブタグを取得します

2.3 グループの選択

カンマセレクター。複数のタグを同時に設定し、カンマを使用してそれらを区切ることができます

例:

3.属性セレクター

3.1 選択したタグに存在する属性を選択する

 

3.2 特定の値と完全に等しい

3.3 属性値に特定の値が含まれる

 

3.4 属性値は特定の値で始まる

 

 3.5 属性値は特定の値で終わる

 

 3.6+ は次のラベルを意味します

 

 3.7 特定の属性値と等しい属性

 

 4. 疑似クラスセレクター

同じラベルでも、次のように州の違いに応じてスタイルが異なります。

リンク ------ リンクをクリックする前に

リンクをクリックした後、-----を訪問しました

ホバー ------「ホバー」

active ------マウスをクリックして放さないと「アクティブ」になります。

 4 つの状態の順序は最もよく固定されており、訪問したリンクはアクティブにホバーされます。

5. 擬似要素セレクター

疑似要素セレクターを使用するには、content 属性を追加する必要があります

::前に

::後

 

目次

セレクタ

1.1 基本セレクター

1.2 タグセレクター

 1.3 ID セレクター

 1.4 クラスセレクター

 1.5 ユニバーサルセレクター

 2. セレクターを含める

2.1 子孫セレクター

2.2 子孫セレクター

2.3 グループの選択

3.属性セレクター

3.1 選択したタグに存在する属性を選択する

3.2 特定の値と完全に等しい

3.3 属性値に特定の値が含まれる

3.4 属性値は特定の値で始まる

 3.5 属性値は特定の値で終わる

 3.6+ は次のラベルを意味します

 3.7 特定の属性値と等しい属性

 4. 疑似クラスセレクター

リンク ------ リンクをクリックする前に

リンクをクリックした後、-----を訪問しました

ホバー ------「ホバー」

active ------マウスをクリックして放さないと「アクティブ」になります。

5. 擬似要素セレクター


 

 

おすすめ

転載: blog.csdn.net/Wh532530/article/details/129886503