CSS :last-child Pseudo-class

Definition and Usage

CSS :last-child Pseudo-classes are used to match any element that is the last child of its parent element.

Tip:p:last-child is equivalent to p:nth-last-child(1).

Example

Specify the background color for the <p> element that is the last child of its parent element. Also specify the background color for the <li> element that is the last child of its parent element:

p:last-child {
  background-color: yellow;

li:last-child {
  background-color: yellow;

Try It Yourself

CSS Syntax

:last-child {
  css declarations;

Technical Details

Browser Support

The numbers in the table specify the first browser version to fully support the pseudo-class.

Related Pages

Reference:CSS :last-of-type pseudo-class