first-of-type property CSS Reference

Definition and Usage

The :first-of-type CSS pseudo-class represents the first sibling of its type in the list of children of its parent element.


element:first-of-type { style properties }


This example shows how the universal selector is assumed when no simple selector is written.

div :first-of-type {
  background-color: lime;
  <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>


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.03.5 (1.9.1)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.11.0 (1.9.1)

Relative articles