0

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

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

<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>
4

2 回答 2

6

使用:nth-last-child(N)选择器：

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

看这个演示。

于 2013-04-22T03:32:45.887 回答
4

这将为最后 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
于 2013-04-22T03:37:47.997 回答