定位前 2 个孩子或最后 2 个孩子

Question

我知道一堆伪类（第一个孩子、最后一个孩子、第 n 个孩子），但我无法选择列表中的前 2 个孩子或最后 2 个孩子，该列表是动态的并且会更改所有时间，所以我不能根据计算 li 来定位

<ul>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
</ul>

Answer 1

对于前两个孩子，您可以使用：

ul li:nth-child(-n + 2) {
    color: orange;
}

http://jsfiddle.net/nYnSz/1/

最后两个：

ul li:nth-last-child(-n + 2) {
    color: orange;
}

http://jsfiddle.net/nYnSz/