:first-of-type

概要

CSS の :first-of-type 擬似クラスは、親要素にある自分と同じタイプの子要素のうち、先頭にあるものを表します。

構文

element:first-of-type { style properties }

例

次の例は、

div :first-of-type {
  background-color: lime;
}

<div>
  <span>This span is first!</span>
  <span>This span is not. :(</span>
  <span>what about this <em>nested element</em>?</span>
  <strike>This is another type</strike>
  <span>Sadly, this one is not...</span>
</div>

...このように表示されます:

仕様

ブラウザ実装状況

関連情報

• :nth-of-type 、 :last-of-type