CSS疑似クラスセレクター構造体疑似クラス

CSS疑似クラスセレクター構造体疑似クラス

一般:

:first-childすべての兄弟の最初
:last-childすべての兄弟の最後の すべての兄弟の n 番目 同じタイプのすべての兄弟
:nth-child(n)の最初同じタイプのすべての兄弟の最後 同じタイプのすべての兄弟の n 番目
:first-of-type
:last-of-type
:nth-of-type(n)

n の値については、次のようになります。

  1. 0 または書き込みなし: 何も選択されていません
  2. 2n または偶数: 偶数の子要素を選択します
  3. 2n+1 または奇数: 奇数の子要素を選択します
  4. -n+3: 最初の 3 つが選択されます

:nth-last-child(n)すべての兄弟要素の最後の n
:nth-last-of-type(n)番目 同じ型のすべての兄弟要素の最後の n 番目
:only-child兄弟のない要素を選択 (子のみ)
:only-of-type同じ型の兄弟のない要素を選択
:rootルート要素
:empty内容は空の要素です (スペースも内容としてカウントされます)

おすすめ

転載: blog.csdn.net/m0_48546501/article/details/130764148