關於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

相關文章
相關標籤/搜索