-
疑似セレクターには、疑似クラスセレクターと疑似オブジェクトセレクターが含まれます。
-
疑似セレクターは、その特性、状態、および動作に基づいて要素またはオブジェクトを照合できます。
-
疑似セレクターは、接頭部IDとしてコロン(:)を使用します。
-
コロンの前に修飾されたセレクタを追加して、疑似クラスの適用範囲を制限できます。コロンの後に疑似クラスと疑似オブジェクトの名前が続きます。コロンの前後にスペースはありません。
-
特定のセレクターに特殊効果を追加するために使用されます。たとえば、リンクに特殊効果を追加するには、たとえば、最初とn番目の要素を選択できます。
疑似クラスをリンク
疑似クラス | 効果 |
---|---|
リンク | 未訪問のリンク |
a:訪問済み | 訪問したリンク |
a:ホバー | リンクの上にマウスを置く |
a:アクティブ | 選択したリンク |
構造擬似クラス
構造疑似クラスは、ドキュメント構造の相互関係に従って特定の要素を照合することで、ドキュメント要素のクラス属性とID属性の無秩序な設定を減らし、ドキュメントをより簡潔にします。
- :fist-child:最初の子要素。
- :last-child:最後の子要素。
- :nth-child():特定の子要素を正の順序で照合します。
- :nth-last-child():特定の子要素を逆の順序で照合します。
- :nth-of-type():同じ型の特定の子要素に一致します。
- :nth-last-of-type():同じタイプの特定のサブエレメントを逆の順序で照合します。
- :first-of-type:同じタイプの最初のサブエレメント。
- :last-of-type:同じタイプの最後のサブエレメント。
- :only-child:唯一の子要素。
- :only-of-type:同じタイプの唯一の子要素。
- :空:空の要素。