覆盖表中特定单元格的单元格填充

Question

我的表的cellpadding值为10px。但是在此表中的特定<td>上，我想将此值覆盖为零。以下CSS似乎无法完成这项工作。

<style>
    td.myclassname  {
        cellpadding: 0px
    }
</style>

Answer 1

这是一个有效的示例：https://codepen.io/Helene-Andre/pen/PXWmxm

<table cellpadding="10">
  <tr>
    <td>hey</td>
  </tr>
  <tr>
    <td>hey</td>
  </tr>
</table>


table {
  background-color: red;
}

td {
  background-color: orange;
}

tr:first-child td {
  padding: 0;
}

Answer 2

CSS中没有cellpadding，请使用padding。也许您也应该添加!important。

<style>
    td.myclassname  {
        padding: 0px;
    }
</style>

旁注：如@nelek在评论中所说：“在视觉上只会影响左右，顶部（在视觉上）仍会停留”