セレクタ
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 属性を追加する必要があります
::前に
::後
目次
active ------マウスをクリックして放さないと「アクティブ」になります。