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){&nbsp; &nbsp; //todo 奇数&nbsp; &nbsp; background-color,"#B2E0FF"}tr:nth-child(even){&nbsp; &nbsp; // todo&nbsp; &nbsp; background-color,"#B2E0FF"}jquery:$("tr:odd").css("background-color","#B2E0FF"); //偶数选择