CSS :last-child Selector


Example

Specify a background color for the <p> element that is the last child of its parent:

p:last-child {
  background: #ff0000;
}
Try it Yourself »

Definition and Usage

The :last-child selector matches every element that is the last child of its parent.

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

Version: CSS3

Browser Support

The numbers in the table specifies the first browser version that fully supports the selector.

Selector
:last-child 4.0 9.0 3.5 3.2 9.6

CSS Syntax

:last-child {
  css declarations;
} Demo


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.