第n個孩子的元素1,6，7,10，13 ECT

Question

我想使用第n個孩子的目標1,6，7,10，13等。和一些風格。我單獨針對他們，但這不會工作，因爲內容將自動生成。

我接着2周小的div一個在另一個之上，然後下一行是相反的2小和一個大的，這是繼續作爲被添加的內容1個大格。

什麼將是實現這一目標我最好的選擇？

下面是我使用的分鐘的CSS：

div:nth-child(1),div:nth-child(6),div:nth-child(7), 
div:nth-child(10),div:nth-child(13){ 
background:#000; 
} 

Answer 1

我有1個大div，後面跟着2個小div，一個在另一個上面，然後下一行是相反的2個小，一個大，這是繼續添加內容。

所以相同的情況下重複，每6項。使用:nth-child(an+b)，您現在知道​​。
2元件被選擇爲每個組的6：1和6（再7和12（不是10），13和18等）。要選擇第一個，b=1即可。要選擇一個第六，b=0或b=6都OK

這導致：

li:nth-child(6n+1), 
li:nth-child(6n) { 
    /* sth different */ 
} 

Codepen：http://codepen.io/anon/pen/cypAn

Answer 2

您應該使用第n個孩子，如果你只是想使用CSS。看到這個article here。如果你是一個視覺學習者，底部有一個漂亮的桌子可以提供幫助。