CSS3 :first-of-type Selector

Example

Specify a background color for the first p element of its parent:

p:first-of-type
{
background:#ff0000;
}

Try it yourself »

Definition and Usage

The :first-of-type selector matches every element that is the first child, of a particular type, of its parent.

Tip: This is the same as :nth-of-type(1).


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The :first-of-type selector is supported in all major browsers, except Internet Explorer.