css - CSS：选择没有嵌套表的表

Question

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

Answer 1

那你有这个吗？

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

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

#outer>tbody>tr>td

就像您在问题中输入的一样（直接子选择器）。

Answer 2

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

table#id > tbody > tr > td

Answer 3

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