概述
:last-child CSS 伪类 代表父元素的最后一个子元素。
语法
:last-child
示例
HTML 内容
<ul> <li>此元素背景色不是lime</li> <li>我的也不是lime。</li> <li>我的才是lime！ :)</li> </ul>
CSS 内容
li:last-child {
background-color: lime;
}
规范
| Specification | Status | Comment |
|---|---|---|
| Selectors Level 4 :last-child |
Working Draft | No change |
| Selectors Level 3 :last-child |
Recommendation | Initial definition |
浏览器支持
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 1 | IE Full support 9 | Opera Full support 9.5 | Safari Full support 3.2 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support 10 | Safari iOS Full support 3.2 | Samsung Internet Android Full support Yes |
| Matches elements with no parent | Chrome Full support 57 | Edge ? | Firefox Full support 52 | IE ? | Opera Full support 44 | Safari ? | WebView Android Full support 57 | Chrome Android Full support 57 | Edge Mobile ? | Firefox Android Full support 52 | Opera Android Full support 44 | Safari iOS ? | Samsung Internet Android Full support 7.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown