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

【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 - デザインのこと - ウェブデザインあつめました。
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

idsumiのピクルス|泉州野菜のピクルス|大阪のお土産
ふふ 奈良【公式】
2月17日
2月16日