html - 交替换行符上的文本颜色变化？

Question

我想制作一个列表，其中下一行的文本颜色会发生变化，然后在下一行恢复为之前的颜色。

在提问之前，我已经四处寻找答案，但一无所获。我有一个经常更改的简单 html 文本列表(不是表格)。跨度标签可以工作，但在大列表中，插入新行需要移动所有跨度标签。

是否有一种解决方案可以让这种情况发生在换行符上，例如 css 样式的 div 类？

这是列表的样式

   <p style="font-family:arial; etc; etc">
   <br>blah blah
   <br>blah blah
   <br>blah etc</p>

Answer 1

您可以使用 CSS 来捕获列表的备用子项

li { color: green; }
li:nth-child(odd) { color: red; }

<ul>
    <li>Link 1</a></li>
    <li>Link 2</a></li>
    <li>Link 3</a></li>
    <li>Link 4</a></li>
    <li>Link 5</a></li>
</ul>