Css 复杂（我认为）需要第n个子选择器

我需要一个复杂的第n个子选择器，我正在画一个空白，如果我列出20个项目来显示我正在尝试做什么，可能会有所帮助：

1：背景：#fdf0e8

2：背景：#e7ebf2

3：背景：#e7f2f3

4：背景：#fdf0e8

5：背景：#fdf0e8

6：背景：#e7ebf2

7：背景：#e7f2f3

8：背景：#fdf0e8

9：背景：#fdf0e8

10：背景：#e7ebf2

11：背景：#e7f2f3

12：背景：#fdf0e8

13：背景：#fdf0e8

14：背景：#e7ebf2

15：背景：#e7f2f3

16：背景：#fdf0e8

17：背景：#fdf0e8

18：背景：#e7ebf2

19：背景：#e7f2f3

20：背景：#fdf0e8

---

这是可能的，还是使用PHP循环样式更好？

我想您需要如下所示的内容。我添加了文本颜色，只是为了在运行代码段时使样式差异更加明显

。项：第n个子项（4n+1），。项：第n个子项（4n）{
背景色：#fdf0e8；
颜色：青柠；
}
.项目：第n个子项（4n+2）{
背景色：#e7ebf2；
颜色：红色；
}
.项目：第n个子项（4n+3）{
背景色：#e7f2f3；
颜色：蓝色；
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8

不要使用十六进制值，而是使用简单值，这样我们就可以看到模式了……这真的是4种样式吗。你只需要输入1和4两次，即使值相同。这正是我想要的。不幸的是，我不得不使用PHP来循环样式，因为我需要在一个光滑的滑块中使用它，该滑块添加了各种各样的标记以使其运行。