我知道一堆伪类(第一个孩子,最后一个孩子,第n个孩子),但我在列表或最后两个孩子中选择前两个孩子时遇到问题,列表是动态的并且更改所有时间,所以我不能基于计算李的目标
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
答案 0 :(得分:28)
对于您可以使用的前两个孩子:
ul li:nth-child(-n + 2) {
color: orange;
}
最后两个:
ul li:nth-last-child(-n + 2) {
color: orange;
}