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.

Syntax

element:first-of-type { style properties }

Examples

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

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>

Compatibility

Desktop browsers

Mobile browsers