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

Question

我有一个无序列表。它有时包含4,5,6或7项。我想知道是否有一个CSS选择器来选择最后两个项目。我意识到:last-child会给我最后一项。是否有一个＆＃34;倒数第二个孩子＆＃34;选择？或者＆＃34;孩子数-2和＃34;选择？

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不是选择器，但我希望有类似的东西。任何帮助都会非常适合。

Answer 1

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

Answer 2

转到:nth-last-child

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

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