html - 每 4 件商品更换颜色

Question

<分区>

Answer 1

对红色使用默认规则，对蓝色使用偏移量重复的规则是可能的。

8n+1 的语法每 8 偏移 1，然后重复此操作以获得 1 到 4。

div {
  color: red;
}

div:nth-child(8n+1),
div:nth-child(8n+2),
div:nth-child(8n+3),
div:nth-child(8n+4) {
  color: blue;
}

<div>Item 1 = blue</div>
<div>Item 2 = blue</div>
<div>Item 3 = blue</div>
<div>Item 4 = blue</div>
<div>Item 5 = red</div>
<div>Item 6 = red</div>
<div>Item 7 = red</div>
<div>Item 8 = red</div>
<div>Item 9 = blue</div>