Skip to: content, navigation

by Tommy Olsson and Paul O’Brien

:first-of-type (CSS selector)

Browser support full matrix
IE7 FF2 Saf3+ Op9.5+
None None Buggy Full
Spec
Version
CSS3

Example

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

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

Try it yourself!View all demos

Description

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

Compatibility

IE5.5None
6.0None
7.0None
Firefox1.0None
1.5None
2.0None
Safari1.3None
2.0None
3.0Buggy
Opera9.2None
9.5Full

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.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters