嵌套表中的javascript

Question

我写了一个程序，想在嵌套表中做一些事情(CSS/JavaScript)，但是我遇到了一些问题。

我想在 tbody 中的奇数 tr 元素中显示一些内容，即:

<tr>
    <th>0</th>
    <th>Match Key</th>
    <th>Marketing</th>
</tr>

和

<tr>
    <th>1</th>
    <th>Match Key</th>
    <th>Marketing</th>
</tr>

在我的程序中，但是当我使用 JavaScript 或 CSS 时，它将应用于子表。

如何在 JavaScript 和 CSS 中转义子表？

JsFiddle

Answer 1

如果您希望将样式应用于 #report 中的表格单元格，但不适用于嵌套表格中的单元格，您可以使用此方法:

#report > tbody > tr > td{ /*some styles*/ }

CSS选择器中的>字符称为子选择器

因此，例如 #reports > tbody > tr 只选择一个表行，它是 tbody 的直接子级，而 tbody 是 的直接子级#reports