CSS:选择没有嵌套表的

Question

如何选择表格的 td 元素，而不选择嵌套表格的 td 元素？
我想到了以下选择器:table > tbody > tr > td 以确保我没有嵌套表的 td 元素，但我想有一个更好的方法？

Answer 1

所以你有这个？

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

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

#outer>tbody>tr>td

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