なんにもない日の頭の中はこんなもんだったりする

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

【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番目

下から2番目

:nth-last-child(2)

下から3番目

:nth-last-child(3)

最後以外

:not(:last-child)

いつかのこと
Web design gallery - デザインのこと - ウェブデザインあつめました。

おすすめ

Web design gallery - デザインのこと - ウェブデザインあつめました。