何番目系の便利なCSSまとめ - Qiita

最初 :first-child 最初の要素（親要素から見て、子要素すべての最初） デモ :first-of-type ある要素の最初（親要素から見て、ある子要素の最初） デモ 最後 :last-child 最後の要素（親要素から見て、子要素すべての最後） デモ :last-of-type ある要素の最後（親要素から見て、ある子要素の最後） デモ 1個だけ :only-child 1個だけ子要素がある（親要素から見て、子要素が1個だけある） デモ :only-of-type 1個だけある子要素がある（親要素から見て、ある子要素が1個だけある） デモ X番目 :nth-child(X) X番目 デモ：５番目 :nth-of-type(X) ある要素のX番目 デモ：５番目 :nth-child(Xn) Xの倍数 デモ：2の倍数 :nth-of-type(Xn) ある要素のXの倍数 デモ：2の倍数

[tokumita]

特定の要素に対してスタイルを指定する方法。

[iww]

地味に便利

[michael-unltd]

“何番目系の便利なCSSまとめ”

[idr_zz]

数が増えるのにnth-childで最後を指定してたためlast-childに変えたが効かない？ブロック内に別の要素があった。last-of-typeで解決！ 何番目系の便利なCSSまとめ by @ituki_b on @Qiita

[nknkt]

よく忘れるやつ

[amautt]

番目系メモ

[kathew]

2つめ以降にマージンをかけたいとか、よくあるケースに必須

[ochanoco_naoco]

“:nth-last-child(-n+X)”