根据不同的li不同的边框颜色

Question

我正在尝试制作一个帖子系统，其中我希望每个帖子都有不同的right border color。但我想使用最多4种颜色。前四个帖子将有四种不同的颜色，然后接下来的四个帖子将具有前四个帖子的颜色（每四个帖子再次不同）。我知道如何通过css中的奇数和偶数第n个元素来实现它。例如，我试过：

li:nth-child(odd) {
  border-left:1px solid #ff0000;
}
li:nth-child(even) {
  border-left:1px solid #0000ff;
}

如何以我想要的方式做到这一点：前四个颜色不同，然后是接下来四个颜色相同的颜色，接下来四个颜色又一次？

Answer 1

使用这些：

li:nth-child(4n+1) { /* Every first */
  border-left:1px solid #ff0000;
}
li:nth-child(4n+2) { /* Every second */
  border-left:1px solid #0000ff;
}
li:nth-child(4n+3) { /* Every third */
  ...
}
li:nth-child(4n+4) {/* Every fourth */
  ...
}