:last-child
:last-child
The :last-child
CSS pseudo-class represents any element that is the last among a group of sibling elements. In level 3 implementations, the matching element is required to have a parent. In level 4 implementations it does not.
Syntax
:last-child { style properties }
Example
HTML Content
<ul> <li>This item is not limed.</li> <li>Also not this one.</li> <li>This item is! :)</li> </ul>
CSS Content
li:last-child { background-color: lime; }
Specifications
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 | ? | ? | ? | 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 | ? | ? | ? | 44 | ? |
See also
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child