CSS疑似クラスセレクター構造体疑似クラス
一般:
:first-child
すべての兄弟の最初
:last-child
すべての兄弟の最後の すべての兄弟の n 番目 同じタイプのすべての兄弟
:nth-child(n)
の最初同じタイプのすべての兄弟の最後 同じタイプのすべての兄弟の n 番目
:first-of-type
:last-of-type
:nth-of-type(n)
n の値については、次のようになります。
- 0 または書き込みなし: 何も選択されていません
- 2n または偶数: 偶数の子要素を選択します
- 2n+1 または奇数: 奇数の子要素を選択します
- -n+3: 最初の 3 つが選択されます
:nth-last-child(n)
すべての兄弟要素の最後の n
:nth-last-of-type(n)
番目 同じ型のすべての兄弟要素の最後の n 番目
:only-child
兄弟のない要素を選択 (子のみ)
:only-of-type
同じ型の兄弟のない要素を選択
:root
ルート要素
:empty
内容は空の要素です (スペースも内容としてカウントされます)