CSS第n個孩子1-6，7-12等

Question

我在造型兒童項目嘗試如下

1,7,13等

2,8,14等

3,9,15等

4,10,16等

5,11,17等

6,12,18等

我可以用什麼第n個子語法來實現這個？

Answer 1

您可以使用:nth-child(6n+1)，:nth-child(6n+2)，:nth-child(6n+3)，:nth-child(6n+4)等。

參考文獻：http://w3.org/TR/css3-selectors/#nth-child-pseudo，http://w3.org/TR/css3-selectors/#selectors（感謝@NayukiMinase）

此外，一個很好的例子是在這裏：Useful :nth-child Recipes - CSS-Tricks

Answer 2

讀nth-child如何工作here。

您可以使用6n + x，您必須爲x插入適當的數字。

Answer 3

使用這個簡單的數學方程式：ND +一個

here a : first element index 
    n : n 
    d : difference 

Example: 1,7,13,etc 
here a : 1 
    n : n 
    d : 6 
    So the pseudo selector will be :nth-child(6n + 1) 

希望這有助於:)