第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。如果你是一个视觉学习者，底部有一个漂亮的桌子可以提供帮助。