选择所有表格单元格，但不选择嵌入表格的单元格

Question

如何选择表格中的单元格而不选择嵌入式表格的单元格？如何在JQuery中执行此操作有一个问题。我需要在CSS中执行此操作。

<table id="Outer">
    <tr>

        <td> --this one
        </td> 

        <td> --this one
            <table>
                <tr>
                    <td></td> -- but not this one or any deeper nested cells
                </tr>
            </table>
        </td>

    </tr> 
</table>

Answer 1

您可以使用＆gt;，子选择器 例如：

table#Outer > tbody > tr > td { color: red; }

子选择器仅选择直接后代。有关子选择器的更多信息：http://meyerweb.com/eric/articles/webrev/200006b.html。但是每个网络浏览器都不支持它：http://www.quirksmode.org/css/contents.html。

Answer 2

如链接问题中的评论所示：

table#Outer > tbody > tr > td {  }

请注意，由于级联，更改也将应用于内部表，除非您为所有单元格提供默认覆盖样式：

td { background-color: white; }
table#Outer > tbody > tr > td { background-color:red; }

http://jsfiddle.net/95NAd/