html - CSS 和嵌套表格

Question

我有一个包含多个其他表格的 html 表格。我的问题是内部表继承了与外部表相同的规则。

有没有办法超越外表的规则？我基本上是想告诉内表:

嘿内表你的名字是“X”。我希望你忘记你的外表及其规则。我希望您遵守这些其他特定规则。

有没有办法在 HTML/CSS 中做到这一点？例子？

Answer 1

table.something > thead > tr > td,
table.something > tbody > tr > td,
table.something > tfoot > tr > td,
table.something > tr > td {
   ...
}

这将确保只有所选表格的直接子项(而不是嵌套表格的子项)将接收样式。