Css 交替行颜色

我想以不同的颜色显示备用行。我已经在CSS中指定了颜色。大多数行都工作正常。当我检查时，行具有class=“奇数”或class=“偶数”，但有些行具有class=“奇偶”和class=“偶数”。这是怎么发生的？有人能解释一下为什么这门课是“奇偶”或“奇偶”的吗。提前谢谢

table.dataTable .odd { background-color:  red; }
table.dataTable .even { background-color: green;  }

---

你为什么要用类来做这个

tr {background-color:white}
tr:nth-child(even) {background-color:black}

---

你为什么要用类来做这个

tr {background-color:white}
tr:nth-child(even) {background-color:black}

试试css

tr:nth-child(even) {
    background-color: #000000;
}

javascript

 $(document).ready(function()
    {
      $("tr:even").css("background-color", "#000000");
    });

或

试试css

tr:nth-child(even) {
    background-color: #000000;
}

javascript

 $(document).ready(function()
    {
      $("tr:even").css("background-color", "#000000");
    });

或

---

如果您必须支持较旧的浏览器（如IE8），则第n个子项不起作用。一个简单的解决方案是Kolink和falguni解决方案的组合：

tr {background-color:white}
tr:nth-child(even), tr.even {background-color:black}

$(document).ready(function(){
  $("tr:even").addClass('even');
});

falguni给出的解决方案有一个坏习惯，它使用JS更新样式。如果你决定它不应该是黑色的，而应该是蓝色的，那么你必须改变两个位置。我的例子不需要这样

---

我的代码可以改进，您可以检查用户是否支持：n选择器，如果不支持（添加类）以提高性能。

如果您必须支持较旧的浏览器（如IE8），则第n个子项不起作用。一个简单的解决方案是Kolink和falguni解决方案的组合：

tr {background-color:white}
tr:nth-child(even), tr.even {background-color:black}

$(document).ready(function(){
  $("tr:even").addClass('even');
});

falguni给出的解决方案有一个坏习惯，它使用JS更新样式。如果你决定它不应该是黑色的，而应该是蓝色的，那么你必须改变两个位置。我的例子不需要这样

---

我的代码可以改进，您可以检查用户是否支持：n选择器，如果不支持（添加类）以提高性能。

您可以发布一些代码吗？您是否使用分页？您有一个试用代码请发布您的代码“它是如何发生的？”谁知道。。。。我们面前没有你的代码…不，你已经附加了你的CSS，那不是代码。您是如何将类添加到

标记中的？您可以发布一些代码吗？您使用分页吗？您有一个试用代码请发布您的代码“它是如何发生的？”谁知道。。。。我们面前没有你的代码…不，你已经附加了你的CSS，那不是代码。如何将类添加到

标记中？这将是最好的解决方案，仅将类添加到交替行中似乎有点浪费。可能他们想要支持，但使用不同的解决方案（服务器端模数）似乎有些奇怪只是为了支持1或2个旧的浏览器版本。@另一个原因是，如果他们懒得更新浏览器，我就懒得浪费时间专门为他们编写代码。镍！这将是最好的解决方案，仅使用

模数

将类添加到交替行似乎有点浪费。可能他们想要支持，但使用不同的解决方案（服务器端模数）似乎有些奇怪只是为了支持1或2个旧的浏览器版本。@另一个原因是，如果他们懒得更新浏览器，我就懒得浪费时间专门为他们编写代码。镍！