:nth-of-type() pseudo-classes | Frontend Practical Guide

Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`:nth-of-type`	1	12	3.5	3.1	18	2
その他
`css.selectors.first-of-type` :first-of-type`。	1	12	3.5	3.1	18	2
`css.selectors.last-of-type` `:最後のタイプ`	1	12	3.5	3.1	18	2
`css.selectors.nth-last-of-type` `:nth-last-of-type()`	4	12	3.5	3.1	18	2
`css.selectors.only-of-type` `:タイプのみ`	1	12	3.5	3.1	18	2

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

CSS

p:first-of-type {
  font-size: 1.2em;
}
article p:nth-of-type(2) {
  text-indent: 1em;
}
img:only-of-type {
  display: block;
  margin: 0 auto;
}

CSS first. paragraph emphasis demo.

CSS 2th to indent demo.

CSS only. image center demo.