CSS：选择没有嵌套表的表格

Question

如何在没有嵌套表格的 td 的情况下选择表格的 td 元素？
我想到了以下选择器：table > tbody > tr > td以确保我没有嵌套表的 td 元素，但我想有更好的方法吗？

Answer 1

最简单的方法是在最外面的表中添加一个id或类，然后在你的选择器中使用它：

table#id > tbody > tr > td

Answer 2

你有这个吗？

<table id="outer">
   <tbody>
      <tr>
         <td>
            <table id="anotherTable>
            ...
            </table>
         <td>
      <tr>
   </tbody>
</table>

并且您只想在根表中选择td。

#outer>tbody>tr>td

就像你输入了你的问题（直接儿童选择者）。

Answer 3

老实说，我不认为你想要实现的目标是可能的。您可能要做的是将任何不需要的样式覆盖到嵌套的表格单元格中。因此，如果将红色背景应用于单元格，并且该单元格具有嵌套单元格，则需要使用原始背景颜色覆盖嵌套单元格。