:first-of-type (CSS selector)

Spec
Version
CSS3
Browser support (more…)
IE8 FF3.5+ SA3.1+ OP9.5+ CH2+
None Full Full Full Full

Syntax

:first-of-type {
declaration block
}

Description

This pseudo-class matches the first child element of the specified element type, and is equivalent to :nth-of-type(1).

Example

This selector matches the first p element that’s a child of a div element:

div>p:first-of-type {
  ⋮ declarations
}

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
None None None None None None None None Full None None Full Full None Full Full Full

In Safari 3, this selector continues to select the same element even after another element of the same type is dynamically inserted before it.

User-contributed notes

There are no comments yet.

Related Products