css nth-child，每3rd + 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 个 child 都是 3n，但要从第 4 个 child 开始，请使用 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>