| Version |
|---|
| CSS3 |
| IE7 | FF2 | SA3+ | OP9.5+ |
|---|---|---|---|
| None | None | Buggy | 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 | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| None | None | None | None | None | None | None | None | Buggy | None | 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.