| Version |
|---|
| CSS3 |
| IE8 | FF3.5+ | SA3.1+ | OP9.5+ | CH2+ |
|---|---|---|---|---|
| None | Full | Full | Full | Full |
Syntax
Description
This pseudo-class matches elements on the basis of their positions within a parent element’s list of child elements of the same type. This pseudo-class accepts an argument, N, which can be a keyword, a number, or a number expression of the form an+b. For more information, see Understanding :nth-child Pseudo-class Expressions.
If
N is a number or a number expression,
:nth-last-of-type(N)
will match elements that are followed by
N-1 siblings with the same
element name in the document tree.
Example
The following example selector will
match the last three image elements that are children of the element whose
id attribute value matches
"gallery":
#gallery>img:nth-last-of-type(-n+3)
{
⋮ declarations
}The following example selector matches the penultimate term in a definition list:
dt:nth-last-of-type(2) {
⋮ 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 |
This pseudo-class is currently not supported in Internet Explorer.
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.