Summary
The :nth-last-of-type
CSS pseudo-class matches an element that has an+b-1
siblings with the same element name after it in the document tree, for a given positive or zero value for n
, and has a parent element. See :nth-child
for a more thorough description of the syntax of its argument.
Syntax
element:nth-last-of-type(an + b) { style properties }
Last Type Example
The following HTML...
<div> <span>This span is first!</span> <span>This span is not. :(</span> <em>This one is odd. </em> <span>But this one is!</span> <strike>This is another type</strike> <span>Sadly, this one is not...</span> </div>
...using this CSS...
span:nth-last-of-type(2) { background-color: lime; }
...will result in:
Specifications
Specification | Status | Comment |
---|---|---|
Selectors Level 4 The definition of ':nth-last-of-type' in that specification. |
Working Draft | No change |
Selectors Level 3 The definition of ':nth-last-of-type' in that specification. |
Recommendation | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 4.0 | 3.5 (1.9.1) | 9.0 | 9.5 | 3.2 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.1 | 1.0 (1.9.1) | 9.0 | 10.0 | 3.2 |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
Sebastianz,
MusikAnimal,
Novocaine88,
kscarfone,
Sheppy,
joyously,
teoli,
McGurk
Last updated by:
Sebastianz,