表格内部表格，仅对外部表格应用css

我有一个table元素，在一个单元格中也有一个表。（Jquery UI日历实际上在其中）

如何仅为父级设置样式

body table tr td:nth-child(2n) {
    background-color: red;
}

这是：（）

但我只希望选择外部单元格（编号2和5）。

添加以下CSS：

table table tr td:nth-child(2n) {
    background-color: transparent;
}

这将选择单元格，但前提是它们有两个

表

父单元格，并将其

背景色

设置为

透明

使用并在选择器中添加tbody元素（无需更改HTML）：

这是因为它只选择外部表。

---

已在Chrome、FF和IE中成功测试。

此功能有效，只需重置内部表格的背景即可

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>    
    <tr>
        <td>4</td>
        <td>5</td>
        <td>
            <table class="inner">
                <tr><td>6</td><td>7</td><td>8</td></tr>
                <tr><td>9</td><td>A</td><td>B</td></tr>
            </table>
        </td>
    </tr>
</table>

table {
    border-spacing: 2px;}
td{
    border-spacing: 2px;
    border: 1px solid black;    
}

body table tr td:nth-child(2n) {
    background-color: red;
}
body .inner tr td:nth-child(2n) {
    background-color: white;
}

123
4.
5.
678
9AB
桌子{
边框间距：2px；}
运输署{
边界间距：2px；
边框：1px纯黑；
}
车身工作台tr td:n第n个子（2n）{
背景色：红色；
}
主体。内部tr td:n个子体（2n）{
背景色：白色；
}

---

您不能为这些表添加一个特殊类吗？那一个选择了7个和一个单元格。对不起，我不是故意这么快就按回车键的——比如？是的，我误解了这个问题！很多人的回答都是正确的，这也是我的想法。你能给我解释一下为什么你的代码是有效的，而tr>td:nth child（2n）{…}不起作用吗？

tbody

没有在HTML代码中声明，它是自动呈现的吗？@LinkinTED-“它是自动呈现的吗？”是的。谢谢你，a+1盗取了我的答案；）需要明确的是，如果有人想使用这个解决方案：应该是“如果他们至少有两个

表

父项”。）不错的解决方案（顺便说一句：）

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>    
    <tr>
        <td>4</td>
        <td>5</td>
        <td>
            <table class="inner">
                <tr><td>6</td><td>7</td><td>8</td></tr>
                <tr><td>9</td><td>A</td><td>B</td></tr>
            </table>
        </td>
    </tr>
</table>

table {
    border-spacing: 2px;}
td{
    border-spacing: 2px;
    border: 1px solid black;    
}

body table tr td:nth-child(2n) {
    background-color: red;
}
body .inner tr td:nth-child(2n) {
    background-color: white;
}