使用嵌套表。仅将样式应用于最顶层表格的单元格

Question

我有一个包含嵌套表的页面。我需要能够将某些样式仅应用于顶级表的奇数行而不是该表中的表。

不太确定要做到这一点......我认为使用jQuery我可以做到这样的事情：

$(".topTable tr:odd td").addClass(".rowColor");

Answer 1

这应该有效：

$(".topTable > tbody > tr:odd").addClass("rowColor");

现场演示： http://jsfiddle.net/simevidas/r5UgL/3/

但我建议不要嵌套表。

Answer 2

您只有一个错误，在添加课程时删除点。它应该是：

$(".topTable tr:odd td").addClass("rowColor");

或将css应用于tr：

$(".topTable tr:odd").addClass("rowColor");

希望这会有所帮助。干杯

Answer 3

如果你坚持使用jQuery来做这件事你实际上有点过于具体，你真的只需要：

$('.topTable tr:odd').addClass('rowColor');

这有点挑剔，因为你的方法可行，但它将类应用于奇数TR中的每个TD，实际上你只需要将它应用一次到奇数TR。

但是，您也可以在直接CSS（Firefox 3.5 +，Opera 9.5 +，Chrome 2 +，Safari 3.1 +，IE 9 +）中执行以下操作：

.topTable > tbody > tr:nth-child(odd){
    background-color:red;
}

示例：http://jsfiddle.net/DFwHL/7/