1

我使用催化剂、CSS 和 html 设计了一个网页。它在所有浏览器中都运行良好。我在网页中有表格，这些表格的列可以排序（升序或降序）。我交替地为表格的行着色。所有表格看起来都很好，行的颜色交替显示，但其中一个表格确实显示了这种颜色，直到启用排序或单击/选择任何表格单元格。

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

提前致谢和问候

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

4

2 回答 2

1

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

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

它在几乎所有浏览器中都得到了很好的支持，但 IE 仅在版本 9 中添加了支持。如果对 IE6-8 的支持是强制性的，您可以使用selectivizr。您使用所需的所有标准选择器编写 CSS，它会为您解决问题，当您放弃 IE8 支持时，您只需删除包含，周围没有 JavaScript 技巧和一个标准 CSS。

于 2012-06-27T09:00:01.650 回答
0

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

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

注意：不支持 IE，甚至 IE 8。

或者，如果你有 jQuery：

$(document).ready(function()
{
  $("tr:even").css("background-color", "#000000");
});
于 2012-06-27T09:03:02.600 回答