nth-child（）选取中间的孩子

本文主要是介绍nth-child（）选取中间的孩子，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言
渲染列表时，需要设置前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){}

这篇关于nth-child（）选取中间的孩子的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---