テーブルで偶数の列だけ色変えたいとか、Flexボックスで一列に3個要素を並べて一番右端だけをマージンを変えたい(3の倍数にあたるタグだけスタイルを変えたい)とか、そういうのはホームページを作っていて頻繁にあるんですが、そのCSSの疑似クラスです。何度も使ってる割に覚えられないのでメモっておきます。
何個目
親要素から見て(すべてのタグが対象)n個目
:nth-child(n)
親要素内にある同一タグのn個目
:nth-of-type(n)
奇数
:nth-child(odd)
偶数
:nth-child(even)
倍数
3の倍数
:nth-child(3n)
3の倍数に1足した要素
:nth-child(3n+1)