:nth-last-of-type

« CSS « CSS Reference

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

Browser compatibility

See also

• :last-of-type