使用CSS选择器选择最后一个元素

是否有一种方法可以仅使用CSS（假设我们不知道有多少元素）定位组中最后一个X元素？使用CSS选择器选择最后一个元素

示例 - 目标在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>

来源

2013-04-22 Lior Elrom

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

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

See this demo.

来源

2013-04-22 03:32:45

这将适用风格在过去3个元素。 Demo

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

支持

 
Feature  Chrome Firefox (Gecko) IE Opera Safari 
Basic support 4.0  3.5  (1.9.1) 9.0 9.5 3.2

来源

2013-04-22 03:37:47 PSL

我没加这是重复的答案，我看到莱纳斯增加3所选择的第n个最后的孩子，我认为这可以被组合成一个就像上面的那个一样。 – PSL 2013-04-22 03:42:02

警告：在IE 8及更高版本中不支持;可用的填充物，例如http://selectivizr.com/。 – 2013-04-22 03:57:11

@Jukka非常重要！ Thx为您提供帮助。 – 2013-04-22 03:58:34

使用CSS选择器选择最后一个元素

回答

相关问题