css nth-child,每3 + 1,即:4,7,10,13等

Question

我一直试图解决这个问题,但没有成功 - 现在有这个作为占位符有效,但它很难...

.customField:nth-child(4), 
.customField:nth-child(7), 
.customField:nth-child(10), 
.customField:nth-child(13), 
.customField:nth-child(16) {
  clear: both;
}

我如何得到这个nth-child陈述？

Answer 1

每个第3个孩子3n只能从第4 个孩子开始,4用作抵消.

div:nth-child(3n + 4) {
  color: red;
}

<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>