:last-child

概述

:last-child CSS 伪类 代表父元素的最后一个子元素。

语法

:last-child { style properties }

示例

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

浏览器支持

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	1.0	1.0 (1.7 or earlier)	9.0	9.5	3.2

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	2.1	1.0 (1)	9.0	10.0	3.2

相关链接

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