:last-child (CSS selector)
Example
This selector will match any paragraph that’s the last child element of its parent element:
p:last-child {
⋮ declarations
}
Description
This pseudo-class is analogous
to the :first-child
pseudo-class that was included in CSS2. It matches an element
that’s the last child element of its parent element, and as such, the
pseudo-class is equivalent to :nth-last-child(1).
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | Buggy |
| 1.5 | Buggy | |
| 2.0 | Buggy | |
| Safari | 1.3 | Buggy |
| 2.0 | Buggy | |
| 3.0 | Buggy | |
| Opera | 9.2 | None |
| 9.5 | Full |
In Firefox versions up to and including 2, this selector continues to select the same element even after another element is dynamically inserted before it.
In Safari versions up to and including 3, this selector will match all elements that are child elements—not just the last child element.
User-contributed notes
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.

