背景：

最近开发的时候遇到一个样式问题，一个li列表浮动排列，需要将除了前4个其他的li的style加上margn:0; 

首先想到一个一个nth-child(5)、nth-child(6)、nth-child(7)... 很快觉得这个方法太傻了=。=！ 

想想后决定利用nth-child()可以使用变量 n 的功能来实现这个需求。

方法如下：

.module_item:nth-child(n+5){
    margin: 0;
}

灵活利用nth-child 的变量n  加上 +  - * /  可以实现很多样式需求。

链接: https://fly63.com/article/detial/5850