:last-child

概述

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

:last-child

<ul>
  <li>此元素背景色不是lime</li>
  <li>我的也不是lime。</li>
  <li>我的才是lime！ :)</li>
</ul>

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
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`:last-child`	Chrome Full support 1	Edge Full support 12	Firefox Full support 1	IE Full support 9	Opera Full support 9.5	Safari Full support 3.2	WebView Android Full support ≤37	Chrome Android Full support 18	Firefox Android Full support 4	Opera Android Full support 10.1	Safari iOS Full support 3.2	Samsung Internet Android Full support 1.0
Matches elements with no parent	Chrome Full support 57	Edge No support No	Firefox Full support 52	IE No support No	Opera Full support 44	Safari No support No	WebView Android Full support 57	Chrome Android Full support 57	Firefox Android Full support 52	Opera Android Full support 43	Safari iOS No support No	Samsung Internet Android Full support 7.0