Html CSS-交换颜色项

我想做的是：

假设我有以下列表：

• 项目1
• 项目2
• 项目3
• 项目4

我想在两种颜色之间切换，例如：

• 项目1（蓝色）
• 项目2（橙色）
• 项目3（蓝色）
• 项目4（橙色）

但是我想在CSS中控制这种行为，这样我就可以写：

<ul>
    <li>Item 1</li>
</ul>

项目1

有人能告诉我如何实现这一目标的正确方向吗？

您可以使用pseudo类：

ulli:n子（2n+1）{颜色：蓝色；}
ul li:n子（2n）{颜色：橙色；}

项目1
项目2
项目3
项目4
项目5

您可以使用CSS:n子项

li { color: blue; }
li:nth-child(odd) { color: orange; }