html - 第 n 个 child ()还是第一个 child ？如何选择第一个和第二个 child

Question

我想选择无序列表中的前两个列表项。我可以这样选择第一项:

ul li:nth-child(1) a {
    background: none repeat scroll 0 0 beige;
}

或

ul li:first-child a {
    background: none repeat scroll 0 0 beige;
}

我想同时选择第一个和第二个订单项 - 我该怎么做？

Answer 1

要选择第一个和第二个 child ，您可以使用单个 :nth-child() 伪类，如下所示:

ul li:nth-child(-n+2) a {
    background: none repeat scroll 0 0 beige;
}