:last-child

Summary

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

Example 1

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

...where...

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

... looks like ...

Example 2 : Using UL

Live Sample : http://jsfiddle.net/Tripad/rgz2X/

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

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

Specifications

Browser compatibility

See also

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