【CSS】セレクタまとめ、最初・最後・奇数・偶数・何番目

疑似クラスのまとめ。
:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。

最初

:first-child

最後

:last-child

奇数番目

:nth-child(odd)

偶数番目

:nth-child(even)

上から1番目

:nth-child(1)

or

:nth-of-type(1)
※ある要素の1番目

上から2番目

:nth-child(2)

or

:nth-of-type(2)
※ある要素の2番目

上から3番目

:nth-child(3)

or

:nth-of-type(3)
※ある要素の3番目

3の倍数（3,6,9…）番目

:nth-child(3n)

4の倍数（4,8,12…）番目

:nth-child(4n)

5の倍数（5,10,15…）番目

:nth-child(5n)

下から2番目

:nth-last-child(2)

下から3番目

:nth-last-child(3)

最後以外

:not(:last-child)