nth-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

不使用js或:nth-child(我相信在IE中不支持)

ul li:first-child, ul li:first-child + li {
    list-style: none;
}

这是在IE7中测试的演示

Answer 2

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

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

Answer 3

这适用于IE9 +,但它并不是最短的.@ BoltClock的选择器是IE9 +的最短解决方案.我认为这个更容易理解,所以我会把它留作另类.

ul li:first-child a, ul li:nth-child(2) a
{
   background: none repeat scroll 0 0 biege;
}