用于选择最后两个孩子的CSS选择器，不知道列表中有多少项目

Question

我有一个无序列表。它有时包含4,5,6或7个项目。我想知道是否有一个CSS选择器来选择最后两个项目。我意识到:last-child会让我最后一个项目。是否有“倒数第二个孩子”选择器？或“儿童数量-2”选择器？

HTML：

<ul> 
    <li>First Item</li> 
    <li>Second Item</li> 
    <li>Second from Last Item</li> 
    <li>Last Item</li> 
<ul> 

CSS：

ul li:last-child, ul li:last-child-1 { 
    // Do something 
} 

我意识到:last-child-1不是一个选择，但即时通讯希望有类似的东西在那里。任何帮助将大大apprecialted。

Answer 1

转到了:nth-last-child

http://jsfiddle.net/pQmXM/1/

ul li:nth-last-child(1), 
ul li:nth-last-child(2) 
{ 
    color: red; 
} 

Answer 2

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