:last-child

The :last-child CSS pseudo-class represents the last element among a group of sibling elements.

/* Selects any <li>, but only if it is the last child of its parent element */
li:last-child {
  background-color: lime;
}

Syntax

:last-child

Example

HTML Content

<ul>
  <li>This item is not limed.</li>
  <li>Also not this one.</li>
  <li>This item is! :)</li>
</ul>

CSS Content

li:last-child {
  background-color: lime;
}

Specifications

Browser compatibility

See also

• :last-of-type
• :first-child
• :nth-child