关于CSS nth-child( ) 的特殊使用
背景:
最近开发的时候遇到一个样式问题,一个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 加上 + - * / 可以实现很多样式需求。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!