last-child property CSS Reference

Definition and Usage

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

Syntax

element:last-child { style properties }

Examples

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

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

Result

• This item is not limed.
• This item is! :)

Example 2 : Using UL

<ul>
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
</ul>

ul li{
    color:red;
}
ul li:last-child{
    color:green;
}

Compatibility

Desktop browsers

Mobile browsers