CSS - :nth-last-of-type
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
:nth-last-of-type( <a href="css/:nth-last-of-type#an-plus-b"><an-plus-b></a> ) <a href="css/value_definition_syntax#curly_braces_(.7b_.7d)" title="Curly braces">{</a> <var>style properties</var> <a href="css/value_definition_syntax#curly_braces_(.7b_.7d)" title="Curly braces">}</a><p>where <br><code><an-plus-b> = <var>A</var>n<a href="css/value_definition_syntax#plus_(.2b)" title="Plus">+</a><var>B</var> <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> even <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> odd</code></p>
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:
Description
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.
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
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 |
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/:nth-last-of-type