| Version |
|---|
| CSS3 |
| IE8 | FF3.5+ | SA3.1+ | OP9.5+ | CH2+ |
|---|---|---|---|---|
| None | Full | Full | Full | Full |
Syntax
:first-of-type {
declaration block
}
Description
This pseudo-class matches the
first child element of the specified element type, and is equivalent to
:nth-of-type(1).
Example
This selector matches the first
p element that’s a child of a div
element:
div>p:first-of-type {
⋮ declarations
}Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| None | None | None | None | None | None | None | None | Full | None | None | Full | Full | None | Full | Full | Full |
In Safari 3, this selector continues to select the same element even after another element of the same type is dynamically inserted before it.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.