如何在CSS中为每四个元素交替着色？

Question

我需要通过CSS为每四个替代元素制作背景色。我该如何实现？

我找到了替代两个元素的解决方案，但是我不理解如何在四个元素中实现。 每两个元素都会在这里找到：-

How to select every two elements alternating?

Answer 1

li:nth-of-type(4n) {
    color: red;
}

更新：选择四个一组

li:nth-of-type(8n+1),
li:nth-of-type(8n+2),
li:nth-of-type(8n+3),
li:nth-of-type(8n+4)
{
    color: red;
}

li:nth-of-type(8n+5),
li:nth-of-type(8n+6),
li:nth-of-type(8n+7),
li:nth-of-type(8n+8)
{
    color: blue;
}

查看此笔[更新] https://codepen.io/prny/pen/GarEMK

有关W3S https://www.w3schools.com/cssref/sel_nth-of-type.asp的更多信息