:nth-last-of-type

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

:nth-last-of-type( <an-plus-b> ) { style properties }
where 
<an-plus-b> = An+B | even | odd

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

Browser compatibility

See also

• :last-of-type