css - 在CSS中选择父表

Question

假设我有一个这样的 html 嵌套表格

<table>
<tr>
  <td><table>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table></td>
  <td></td>
</tr>
<tr>
  <td><table>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table></td>
  <td></td>
</tr>
</table>

现在我只想对父表进行样式设置，而不添加任何类或 ID 之类的标记。那么我如何才能仅在 css 中执行此操作。我只想选择父表。

Answer 1

您不能在选择器中指定父表，但可以指定子表，因此您可以设置所有表的样式，然后覆盖子表的样式:

table { background: red; }
table table { background: none; }