セレクタ | 対象となる要素 | 例 | 例の意味 |
:first-child | 最初の子要素 | li:first-child | 子要素になっているli要素の中で、最初のli要素 |
:last-child | 最後の子要素 | li:last-child | 子要素になっているli要素の中で、最後のli要素 |
:only-child | 唯一の子要素 | h2:only-child | 子要素になっているh2要素がひとつだけの場合 |
:nth-child(式) | 子要素の中で、先頭から順に数えた時に、順番が式で指定した値になっている子要素 | div:nth-child(odd) | 子要素となっているdiv要素の中で、先頭から数えて奇数番目のdiv要素 |
:nth-last-child(式) | 子要素の中で、最後から順に数えた時に、順番が式で指定した値になっている子要素 | div:nth-child(even) | 子要素となっているdiv要素の中で、最後から数えて偶数番目のdiv要素 |