html 不规则表格

Question

如下图：
1、表格单双行颜色不一样

    > tbody > tr:nth-of-type(even) {
      background-color: rgba(233, 84, 67, 0.1);
    }

2、点击查看详情后在该行下面展开一个区域

问题：
1、如果使用表格嵌套表格,单双行颜色怎么才能不受插入的行影响？

1> CSS如何实现？即如何只选择外层表格的tr，忽略嵌套表格的tr
2> js动态添加样式

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colsapn="2">
            <table>
                <tr></tr>
            </table>
        </td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

Answer 1

css:

tr:nth-child(odd){
    //todo 奇数
    background-color,"#B2E0FF"
}
tr:nth-child(even){
    // todo
    background-color,"#B2E0FF"
}

jquery:

$("tr:odd").css("background-color","#B2E0FF"); //偶数选择