nth-child选择前几个元素

渲染列表时，需要设置前3个元素的margin-top值与其他的不同：

:nth-child(-n+3){
     margin-top: 15px;
 }

扩展

1. 选择前几个元素：

/*【负方向范围】选择第1个到第6个 */
:nth-child(-n+6){}

2. 从第几个开始选择

/*【正方向范围】选择从第6个开始的 */
:nth-child(n+6){}

3. 两者结合使用，可以限制选择某一个范围

/*【限制范围】选择第6个到第9个，取两者的交集 */
:nth-child(-n+9):nth-child(n+6){}

参考：
CSS: nth-child()选择前几个元素
CSS选取第几个标签元素：nth-child(n)、first-child、last-child
超链接