CSS:在没有嵌套表的<td>的情况下选择表的<td>

Mat*_*hew 6 css

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

Bla*_*ann 6

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

table#id > tbody > tr > td
Run Code Online (Sandbox Code Playgroud)

  • @DerWolf 我不能真正代表_每个_浏览器,但它似乎至少在某些浏览器中发生。我认为你总是想添加它,或者可能有两个选择器(一个有,一个没有),只是为了绝对确定其他浏览器不会让你陷入困境。老实说,在实际用例中,我什至可能建议仅使用“td”选择器设置样式,然后如果您在嵌套表中需要不同的东西,则使用“table table td”选择器手动重置它们,因为大概嵌套表位于“td”本身内,并且无论如何都会继承 (2认同)

Kon*_*ong 6

你有这个吗?

<table id="outer">
   <tbody>
      <tr>
         <td>
            <table id="anotherTable>
            ...
            </table>
         <td>
      <tr>
   </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

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

#outer>tbody>tr>td
Run Code Online (Sandbox Code Playgroud)

就像你输入了你的问题(直接选择孩子)一样.