CSS :first-of-type Selector
Example
Specify a background color for the first <p> element of its parent:
  
    p:first-of-type
 {
     
 background: red;
 }
  
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).
| Version: | CSS3 | 
|---|
Browser Support
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 | 
CSS Syntax

