CSS :first-of-type パseudoクラス

定義と使用方法

CSS :first-of-type パseudoクラスは、兄弟要素の中で指定されたタイプの最初の要素を選択するために使用されます。

例

兄弟要素の中で最初の<p>要素を選択し、スタイルを設定します：

p:first-of-type {
  background-color: yellow;
}

実際に試してみてください

CSSの構文

:first-of-type {
  cssの宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

テーブルに記載されている数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

クローム エッジ ファイアフォックス サファリ オペラ
4.0 9.0 3.5 3.2 9.6