CSS :nth-child() style every 2nd and 3rd for same color and so on

Question

已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。

---

关闭 8 年前。

• 有关您编写的代码问题的问题必须在问题本身中描述具体问题——并包含有效代码以重现它。见 SSCCE.org寻求指导。
• 要求代码的问题必须表明对要解决的问题的基本了解。包括尝试的解决方案、它们为什么不起作用以及预期结果。另见:Stack Overflow question checklist

Improve this question

如何按此顺序设置链接样式:

一红、二蓝、三蓝、四红、五红、六蓝、七蓝等。有图片示例:

Answer 1

我会这样做。

li:nth-child(4n+1),
li:nth-child(4n+4) {
  background-color: red;
}

li:nth-child(4n+2),
li:nth-child(4n+3) {
  background-color: blue;
}