不能重置TD样式

Question

我已经删除了样式表中所有TD元素的填充。但是我有一张特殊的表，上面有cellpadding="10"。由于上面提到的样式，它的TD被渲染为0px填充。

我应该如何重置TD填充为无，所以它从cellpadding继承10px填充?

td {padding:0}
#specialtable td { 
  /* What should I write here? */ 
}

<table id="specialtable" cellpadding="10" style="border:1px solid #555555">
  <tr>
    <td>test</td>
   </tr>
 </table>

Answer 1

您可以使用:not伪类来定义除 #specialTable下的所有td 的填充。

table:not(#specialTable) td {
  padding: 0;
}

<table id="specialTable" cellpadding="10" style="border:1px solid #555555">
  <tr>
    <td>test</td>
  </tr>
</table>

Answer 2

从这里可以看到，我们可以为padding定义一个inherit值，它应该从父级padding中inherit。据我所知，这是默认值。所以你可以通过给它inherit值来设置默认的填充。