在表tr上组合:not()with:nth-​​child(2n + 1)

时间:2016-07-17 10:47:59

标签: html css css3

我有一张条纹桌子。在条纹行之间,我希望插入一个字母,如A,B,C等。喜欢:

<tbody>
    <tr class="letter">
        <td colspan="3">A</td>
    </tr>
    <tr>
        <td>Some text col 1</td>
        <td>Some text col 2</td>
        <td>Some text col 3</td>
    </tr>
</tbody

我希望在每个第二行分配条带时忽略此行。

想象我可以合并:not:nth-child(2n+1),但在分配条带(背景颜色)时,.letter行似乎仍然有效。

tr:not(.letter):nth-child(2n+1)
{
    background-color: #ebebeb;
}

Codepen with example here

0 个答案:

没有答案