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 }
Examples
1
<div>
2
<span>This span is first!</span>
3
<span>This span is not. :(</span>
4
<em>This one is odd. </em>
5
<span>But this one is!</span>
6
<strike>This is another type</strike>
7
<span>Sadly, this one is not...</span>
8
</div>
1
span:nth-last-of-type(2) {
2
background-color: lime;
3
}
Compatibility
Desktop browsers
Feature
Chrome
Firefox (Gecko)
Internet Explorer
Opera
Safari
Basic support
4.0
3.5 (1.9.1)
9.0
9.5
3.2
Mobile browsers
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
Syntax
element:nth-last-of-type(an + b) { style properties }
<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"><</span>em</span><spanclass="token punctuation">></span></span>This one is odd. <spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"></</span>em</span><spanclass="token punctuation">></span></span>
5
<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"><</span>span</span><spanclass="token punctuation">></span></span>But this one is!<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"></</span>span</span><spanclass="token punctuation">></span></span>
6
<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"><</span>strike</span><spanclass="token punctuation">></span></span>This is another type<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"></</span>strike</span><spanclass="token punctuation">></span></span>
7
<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"><</span>span</span><spanclass="token punctuation">></span></span>Sadly, this one is not...<spanclass="token tag"><spanclass="token tag"><spanclass="token punctuation"></</span>span</span><spanclass="token punctuation">></span></span>
