针对前2个孩子或最后2个孩子

时间:2013-10-11 17:28:50

标签: html css css3 css-selectors

我知道一堆伪类(第一个孩子,最后一个孩子,第n个孩子),但我在列表或最后两个孩子中选择前两个孩子时遇到问题,列表是动态的并且更改所有时间,所以我不能基于计算李的目标

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

1 个答案:

答案 0 :(得分:28)

对于您可以使用的前两个孩子:

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/