MDN will be in maintenance mode on Thursday September 21st, starting at 10 AM Pacific / 5 PM UTC, for about 1 hour.

The :last-child CSS pseudo-class represents the last element among a group of sibling elements.

/* Selects any <li>, but only if it is the last child of its parent element */
li:last-child {
  background-color: lime;

Note: As originally defined, the selected element had to have a parent. Beginning with Selectors Level 4, this is no longer required.





  <li>This item is not limed.</li>
  <li>Nor is this one.</li>
  <li>This item is! :)</li>


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



Specification Status Comment
Selectors Level 4
The definition of ':last-child' in that specification.
Working Draft Matching elements are not required to have a parent.
Selectors Level 3
The definition of ':last-child' in that specification.
Recommendation Initial definition.

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 (Yes) 1.0 (1.7 or earlier) 9.0 9.5 3.2
No parent required 57 ? 51 (51)[1] ? 44 ?
Feature Android Webview Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) 1.0 (1) 9.0 10 3.2
No parent required 57 57 ? 51.0 (51)[1] ? 44 ?


[1] See bug 1300374.

See also

Document Tags and Contributors

 Last updated by: mfluehr,