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; }

Answer 2

您可以使用table:first 但它是高级选择器，我个人不会相信纯CSS。还有一个原因，为什么不使用类和ID？

在css中选择父表

2 个答案: