原文链接
前言
渲染列表时,需要设置前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){}
参考
https://blog.csdn.net/longgeaisisi/article/details/78154169
https://www.cnblogs.com/baiyangyuanzi/p/6603858.html
总结
看别人的博客可以解决问题,但是自己再简单地记录下来会更深刻。慢慢积累,各个击破。
嘘寒问暖 不如打笔巨款~