html - 定位前 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/