背景:最近开发的时候遇到一个样式问题,一个li列表浮动排列,须要将除了前4个其余的li的style加上margn:0; css
首先想到一个一个nth-child(5)、nth-child(6)、nth-child(7)... 很快以为这个方法太傻了=。=! code
想一想后决定利用nth-child()可使用变量 n 的功能来实现这个需求。开发
方法以下:it
.module_item:nth-child(n+5){ margin: 0; }
灵活利用nth-child 的变量n 加上 + - * / 能够实现不少样式需求。class