Summary
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 */ }
Example
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>
...will result in:
Specifications
Specification | Status | Comment |
---|---|---|
Selectors Level 4 The definition of ':first-of-type' in that specification. |
Working Draft | No change |
Selectors Level 3 The definition of ':first-of-type' in that specification. |
Recommendation | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 3.5 (1.9.1) | 9.0 | 9.5 | 3.2 |
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 |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
Sebastianz,
jsx,
MusikAnimal,
kscarfone,
Sheppy,
joyously,
teoli,
brianloveswords,
McGurk,
Miken32
Last updated by:
Sebastianz,