CSS :first-of-type Selector

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

p:first-of-type {
background: red;
}

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).

Version:	CSS3

The numbers in the table specifies the first browser version that fully supports the selector.

Selector
:first-of-type	4.0	9.0	3.5	3.2	9.6

:first-of-type {
css declarations;
} Demo