Abakada: Back to Basics > Language References > CSS Properties > Pseudo-Classes > last-child Pseudo-class
Represents the last element among a group of sibling elements.
selector:last-child { property: value; }
property |
Any valid CSS property. |
value |
Any of the range of values available to the corresponding property. |
The :last-child pseudo-class applies styles to the last element among a group of sibling elements.
The syntax for using the :last-child pseudo-class is straightforward. A selector immediately precedes the pseudo-class.
For example, to change the background color of last-child elements on a page.
div:last-child { background-color: beige }
The following demonstrates use of the :last-child pseudo-class in an embedded stylesheet to set the style of last-child elements on a page.
:first-child( ) :nth-child( ) :nth-last-child( ) :only-child( )