表格行的着色可选

Question

我设计了一个使用catalyst，CSS和html的网页。它在所有浏览器中都运行良好。我在网页中有表格，这些表格的列可以排序（升序或降序）。我已经为表格的行添加了颜色。所有表格看起来都很好，行或者是彩色的，但是在启用排序或单击/选择任何表格单元格之前，其中一个表格会显示此着色。

我不明白为什么会发生这种情况。我请求有人帮我这方面，并告诉我为什么会这样，以及如何解决这个问题。

提前致谢并问候

我尝试了这个，但它不起作用。如果您能以简单的方式解释它，我会很有帮助，因为我是使用教程编程和创建Web应用程序的新手。

Answer 1

只需使用它（将颜色更改为您需要的颜色）CSS应用于您的表：

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

几乎每个浏览器都支持它，但IE仅在版本9中添加了支持。如果必须支持IE6-8，则可以使用selectivizr。你用你需要的所有标准选择器编写你的CSS，它会为你做到这一点，当你放弃IE8支持时，你只需删除包含，没有JavaScript技巧和一个标准CSS。

Answer 2

有一个CSS选择器，实际上是一个伪选择器，称为nth-child。在纯CSS中，您可以执行以下操作：

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

注意： IE中不支持，即使是IE 8。

或者，如果你有jQuery：

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