本文介绍了nth-child()或first-child?如何选择第一个AND第二个子在一个的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想选择无序列表中的前两个列表项。我可以选择第一个项目,因此:

I'd like to select the first two list items in an unordered list. I can select the first item thus:

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;
}

我想选择第一个和第二个订单项

I'd like to select both the first and second line item - how do I do that?

推荐答案

没有使用js或:nth-​​child (我相信IE不支持)

Without the use of js or :nth-child (which I believe is not supported in IE)

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

是在IE7中测试的演示

Here is a demo tested in IE7

这篇关于nth-child()或first-child?如何选择第一个AND第二个子在一个的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-29 10:32