如何在交替两个tr之后改变tr（s）的颜色？

Question

我希望在两个备用tr之后改变tr的颜色    两个tr颜色=第5和第6 tr我的尝试是

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

Answer 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类并每两行应用一次，知道它们最终必须重复一遍。