Question

This jsfiddle包含一个包含4个嵌套表的表。

第一行中表格的边框未折叠，因此我假设嵌套表格不会从父表格继承样式。

由于td.small table，第二行中表格上的边框已折叠。好。

但是同一行td上的填充不是0，因为它应该是td.small。坏。

我认为在css文件末尾和最里面的元素中声明的样式应该是应用的样式。第二行包含td的{{1}}有table，它在css的末尾定义，但其class="small"不适用。

在第四行中，样式和显式样式属性都应用于padding，在这种情况下它可以正常工作。

为什么第二行表没有填充零填充？为什么最后一个渲染为零填充？

Answer 1

table.large td规则覆盖了td.small规则，因为它的选择器有两个元素名和一个类名，而td.small有一个元素名和一个类名。一个简单的方法是：

td.small {
    padding: 0em !important;
}

或者，您可以向td.small选择器添加更多元素/类。