【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)

デザインのこと - Web design gallery
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

アンカー市川|みんなで作る自分の居場所
アンカー市川|みんなで作る自分の居場所
あったらいいなと思うもの/窓の家と生活
『未来のミライ』、何度も見てしまう