:first-of-type

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

Syntax

:first-of-type { style properties }

Example

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>

...will result in:

Specifications

Specification	Status	Comment
Selectors Level 4 The definition of ':first-of-type' in that specification.	Working Draft	No change
Selectors Level 3 The definition of ':first-of-type' in that specification.	Recommendation	Initial definition

Browser compatibility

See also

• :nth-of-type, :last-of-type