背景:最近開發的時候遇到一個樣式問題,一個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