css - 異なる李に応じて異なる境界線の色

Question

right border color投稿ごとに異なる投稿システムを作成しようとしています。ただし、最大 4 色を使用したいと考えています。最初の 4 つの投稿は 4 つの異なる色になり、次の 4 つの投稿は最初の 4 つの投稿の色になります (4 つの投稿ごとに異なります)。CSSの奇数および偶数番目の要素を介してそれを行う方法を知っています。たとえば、私は試しました：

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

私が望む方法でそれを行う方法: 最初の 4 つを別の色で、次に同じ色で次の 4 つを、次の 4 つをもう一度？

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 */
  ...
}