:nth-child() | Frontend Practical Guide

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`:nth-child`	1	12	3.5	3.1	18	2
その他
`css.selectors.first-child` :最初の子	4	12	3	3.1	18	4
CSS セレクタ
`no parent required` 親のない要素と一致します	57	79	52		57
その他
`css.selectors.last-child` `:最後の子`	1	12	1	3.1	18	2
CSS セレクタ
`no parent required` 親のない要素と一致します	57	79	52		57
`no parent required` 親のない要素と一致します	57	79	52		57
その他
`css.selectors.nth-last-child` `:nth-last-child()`	4	12	3.5	3.1	18	2
CSS セレクタ
`no parent required` 親のない要素と一致します	57	79	52		57
その他
`css.selectors.only-child` `:一人っ子`	2	12	1.5	3.1	18	2
CSS セレクタ
`no parent required` 親のない要素と一致します	57	79	52	17	57	17

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

tr:nth-child(even) {
  background-color: #f5f5f5;
}
li:first-child {
  font-weight: bold;
}
.grid > :nth-child(3n) {
  margin-right: 0;
}

CSS even rowhilight demo.

CSS first. child emphasis demo.

CSS 3nth. style demo.