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

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.01.0 (1.7 or earlier)9.09.53.2

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.11.0 (1)9.010.03.2

Relative articles

Bootstrap Forms