使用CSS選擇器選擇最後一個元素

Question

是否有一種方法可以僅使用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> 

Answer 1

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

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

See this demo.

Answer 2

這將適用風格在過去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