前言
渲染列表时，需要设置前3个元素的margin-top值与其他的不同。
使用
:nth-child(-n+3){
margin-top: 12px;
}
扩展
选择前几个元素
负方向范围】选择第1个到第6个
:nth-child(-n+6){}
从第几个开始选择
【正方向范围】选择从第6个开始的
:nth-child(n+6){}
两者结合使用，可以限制选择某一个范围
【限制范围】选择第6个到第9个，取两者的交集【感谢小伙伴的纠正~】
:nth-child(-n+9):nth-child(n+6){}
作者：車句
来源：CSDN
原文：https://blog.csdn.net/weixin_39015132/article/details/82015012
前言渲染列表时，需要设置前3个元素的margin-top值与其他的不同。 使用 扩展选择前几个元素 负方向范围】选...
使用 选择前几个元素 从第几个开始选择
:nth-child(-n+m) { do some thing} 选择前几个元素 :nth-child(n+6...
target:nth-child(n) jQuery 用CSS选择器来选取元素,target:nth-child(...
CSS3 first-child/last-child nth-child CSS3 伪元素选择器 :first-...
欢迎查看发布在自己的个人网站的原文：css:nth-child选择不到你想要的元素 nth-child 不是你想象...
CSS3新增选择器 1、E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素 2、E:nth-l...
nth-child选择的是父元素的第几个子元素，不区分元素类型。类似的有：first-child，last-chi...
一、:nth-child 1.1 说明 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论...
通过css3的伪类选择器:nth-child()来选择有规律的元素。 例如： 我们有若干个div，有相同的clas...
本文标题：CSS: nth-child()选择前几个元素
本文链接：https://www.haomeiwen.com/subject/jwpkcctx.html
网友评论