Javascript 无法使用CSS正确设置嵌套表的格式

请看这个作为参考

使用tablesort和附带的css，我试图使名/姓的行具有交替的行颜色。此外，我需要子表中带有日期和时间的行具有白色背景

我认为我的问题的一部分是，我在tablesort表下的第一个td上也有一个不同的类。我需要那个类启动触发器来切换隐藏行。。。我只是不能正确理解CSS

这是我的HTML

<table class="tablesorter" id="table1">
<thead>
    <tr>
        <th>first name</th>
        <th>last name</th>
    </tr>
</thead>
<tbody>
    <tr class="parent-row">
        <td>John</td>
        <td>Appleseed</td>
    </tr>
    <tr class="parent-row-details expand-child" style="display:none">
        <td colspan="6">
            <table class="sub-table" id="SPID" border=1>
                <thead>
                    <th>Date</th>
                    <th>Time</th>
                </thead>
                <tbody>
                    <tr>
                        <td>12/1/13</td>
                        <td>4:00AM</td>
                    </tr>
                    <tr>
                        <td>12/1/14</td>
                        <td>7:00AM</td>
                    </tr>
                    <tr>
                        <td>12/1/15</td>
                        <td>6:00AM</td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr class="parent-row">
        <td>David</td>
        <td>Goliath</td>
    </tr>
    <tr class="parent-row-details expand-child" style="display:none">
        <td colspan="6">Detail about David</td>
    </tr>
    <tr class="parent-row">
        <td>Amie</td>
        <td>Winehouse</td>
    </tr>
    <tr class="parent-row-details expand-child" style="display:none">
        <td colspan="6">Detail About Amie</td>
    </tr>
</tbody>

---

这是你想要的吗

添加>td

$(document).ready(function () {
    $("table.tablesorter tr.parent-row:even > td").css("background-color", "blue");
});

也变了

table.sub-table tbody tr td {
    background-color: white; /* made this white */
    border: 1px solid #000;
    font-size: 8pt;
    padding: 4px;
}

---

太完美了！！您是否有一个url解释“>td”正在做什么以及为什么需要它？我从来没见过。。。非常感谢你

>td

指示它仅使用直系后代td。因此，css样式不会选择低于td第一级的样式。很高兴知道。谢谢我还注意到一个问题。排序时，行颜色会随行移动，因此最后两行颜色相同，彼此相邻。我知道我可以使用第n个子选项在排序期间使颜色保持不变，但是当我放入时，它会交替列的颜色，而不是行的颜色。知道怎么解决吗？

table.sub-table tbody tr td {
    background-color: white; /* made this white */
    border: 1px solid #000;
    font-size: 8pt;
    padding: 4px;
}