html 不规则表格

Question

如下图：1、表格单双行颜色不一样    > tbody > tr:nth-of-type(even) {      background-color: rgba(233, 84, 67, 0.1);    }2、点击查看详情后在该行下面展开一个区域问题：1、如果使用表格嵌套表格,单双行颜色怎么才能不受插入的行影响？1> CSS如何实现？即如何只选择外层表格的tr，忽略嵌套表格的tr2> 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"); //偶数选择