如何选择<ul>标签中的第二个和第三个元素(li)？
如何选择<ul>标签中的第二个和第三个元素(li)？
提问于 2016-04-07 20:07:46
我有这段代码来选择我的第一个、第二个和第三个li标记，但我在问自己，是否可以将这段代码写得更短。我通常不使用child()选择器，所以我对它了解不多。
ul > :first-child{
margin-right: 50px;
}
ul > :first-child + li{
margin-right: 50px;
}
ul > :first-child + li + li{
margin-right: 50px;
}回答 3
Stack Overflow用户
发布于 2016-04-07 20:14:24
对于第二个孩子，您可以使用
li:nth-child(2){}供第三个孩子使用
li:nth-child(3){}Stack Overflow用户
发布于 2016-04-07 20:10:59
Stack Overflow用户
发布于 2016-04-07 20:42:56
所有答案都是正确的。总而言之，您的代码将如下所示：
ul > li:first-child {
margin-right: 50px;
}
ul > li:nth-child(2) {
margin-right: 50px;
}
ul > li:nth-child(3) {
margin-right: 50px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36475716
复制相关文章
相似问题