使用 CSS 选择器选择最后一个元素 [重复]答案

【问题标题】：Select the last elements using CSS selectors [duplicate]使用 CSS 选择器选择最后一个元素 [重复]
【发布时间】：2017-02-28 10:26:37
【问题描述】：

有没有办法只使用 CSS 来定位组中的最后 X 个元素（假设我们不知道有多少元素）？

示例 - 定位 ul 中的最后 3 个元素：

<ul>
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
  ...
  <li>Element X-2</li>
  <li>Element X-1</li>
  <li>Element X</li>
</ul>

【问题讨论】：

【解决方案1】：

使用:nth-last-child(N) selector：

li:nth-last-child(-n+3) {
    /* ... */
}

【讨论】：

【解决方案2】：

这将为最后 3 个元素应用样式。 Demo

li:nth-last-child(-n+3)
{
    ....
}

支持

功能 Chrome Firefox (Gecko) IE Opera Safari 基本支持 4.0 3.5 (1.9.1) 9.0 9.5 3.2

【讨论】：