如何在交替两个 tr 后更改 tr(s) 的颜色？ [复制]答案

【问题标题】：How to change color of tr(s) after alternate two tr? [duplicate]如何在交替两个 tr 后更改 tr(s) 的颜色？ [复制]
【发布时间】：2016-07-01 00:17:32
【问题描述】：

我想在两个备用 tr 之后改变 tr 的颜色两个 tr color=5 th 和 6th tr 我的尝试是

   .tr1:nth-child(even)  {
       background-color: #e0e0eb; }

【问题讨论】：

寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。
前两个tr，颜色是红色，后两个tr颜色是蓝色，是你想要的吗？
我在while循环中有n个trs（表格行），我想在每个偶数tr之后改变颜色。例如，第一个和第二个的颜色应该是红色，然后是第三个和第四个需要黄色，然后在第 5 次和第 6 次再次变为红色
@niceman :exactely..

标签： html css

【解决方案1】：

如果您想坚持使用nth-child 并每两行不断更改<tr> 颜色，您总是可以这样做：

tr { background: #00ff00; }
tr:nth-child(3), tr:nth-child(4) { background: #ff0000; }
tr:nth-child(5), tr:nth-child(6) { background: #ffff00; }
tr:nth-child(7), tr:nth-child(8) { background: #0000ff; }

第一个是“默认”颜色，接下来的三个是第 3-4、5-6、7-8 行的特定颜色。我看到的问题是，如果您正在动态处理此问题并且有大量行......您可能会遇到一个问题，即必须创建大量 CSS 来处理您拥有的任何数量的可能行。

如果是这种情况，我可能会认为这是一个更好的选择，要么将颜色样式内联 (eww)，要么创建一些 CSS 类并每两行应用一次，因为我知道它们最终不得不重复自己。

【讨论】：