关于CSS nth-child( ) 的特殊使用

背景:最近开发的时候遇到一个样式问题,一个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

相关文章
相关标签/搜索