html - 样式表阻止 table cellpadding 工作

Question

我正在根据其他人的样式表编写网页。样式表包括以下内容:

table {
    border-collapse: collapse;
}

th, td {
    padding: 0;
}

现在我想创建一个具有非零单元格填充的表格。但是我无法覆盖此样式表:

<table cellpadding="10">
  <tr>
    <td padding="10">
      Foo
    </td>
    ...
  ...
  </tr>
</table>

以上均无效；单元格填充保持紧密的零。

如何覆盖样式表(不使用不同的样式表)？

Answer 1

你可以做行内样式:

<td style="padding: 10px">

或者为您的表分配一个类并为其创建一个规则:

<table class="table">
  <tr>
    <td>
      Foo
    </td>
  </tr>
</table>

和它的 CSS:

table td {
    padding: 10px;
}