:last-child

The :last-child CSS pseudo-class represents any element that is the last child element of its parent.

Syntax

:last-child { style properties }

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

Specification	Status	Comment
Selectors Level 4 The definition of ':last-child' in that specification.	Working Draft	No change
Selectors Level 3 The definition of ':last-child' in that specification.	Recommendation	Initial definition

Browser compatibility

See also

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