Definition and Usage
The :first-of-type CSS pseudo-class represents the first sibling of its type in the list of children of its parent element.
Syntax
element:first-of-type { style properties }
Examples
This example shows how the universal selector is assumed when no simple selector is written.
div :first-of-type { background-color: lime; }
<div> <span>This span is first!</span> <span>This span is not. :(</span> <span>what about this <em>nested element</em>?</span> <strike>This is another type</strike> <span>Sadly, this one is not...</span> </div>
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 3.5 (1.9.1) | 9.0 | 9.5 | 3.2 |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.1 | 1.0 (1.9.1) | 9.0 | 10.0 | 3.2 |