:first-of-type (CSS selector)
| IE7 | FF2 | Saf3+ | Op9.5+ |
|---|---|---|---|
| None | None | Buggy | Full |
| Version |
|---|
| CSS3 |
Example
This selector matches the first
p element that’s a child of a div
element:
div>p:first-of-type {
⋮ declarations
}Description
This pseudo-class matches the
first child element of the specified element type, and is equivalent to
:nth-of-type(1).
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | None |
| 1.5 | None | |
| 2.0 | None | |
| Safari | 1.3 | None |
| 2.0 | None | |
| 3.0 | Buggy | |
| Opera | 9.2 | None |
| 9.5 | 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.
Previous: :last-child
Next: :last-of-type
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.
