html - 如何停止将样式应用于表格

Question

我正在使用以下方法在 HTML 表格上设置单元格填充：cellpadding: 10

正在继承填充样式，这导致未设置单元格填充：

因此，如果我取消选择上面的填充复选框（在 Chrome 中），则单元格填充将正确应用。如何防止在我的桌子上设置“填充：0”样式。我尝试在单元格间距上使用 !important ，但这似乎没有任何效果。

Answer 1

我会避免使用 cellpadding 属性并使用 CSS 来控制您的演示文稿。

看起来好像您正在使用 css 重置将浏览器默认值归零，因此您只需在需要的地方重新定义它们：

th, td {
  padding: 10px;
}

Answer 2

尝试创建更具体的选择器。就像是

#myBody .myDiv table th, #myBody .myDiv table th {
    padding: 10px;
}