【CSS】何番目・最初・最後・何個おき(倍数)など子要素に個別のスタイルを適用する

【CSS】何番目・最初・最後・何個おき(倍数)など子要素に個別のスタイルを適用する

パッと思い出せない時にパパっと調べてコピペできる「ド忘れヘルパー」シリーズ
良く使うもののみピックアップし、詳しい解説なども省いております。

最初

:first-child

最後

:last-child

n番目(例は2番目)

:nth-child(2)

下からn番目(例は下から2番目)

:nth-last-child(2)

倍数・何個おき(例は2の倍数)

:nth-child(2n)

奇数

:nth-child(odd)

偶数

:nth-child(even)

LEAVE A REPLY

*
*
* (公開されません)

CAPTCHA