jquery - 如何防止填充传播到嵌入式表

Question

jquery树表使用

table.treetable tbody tr td {
  ...
  padding: .3em 1em;
  ...
}

我想知道如何防止 padding-left 的传播1em 到子表:

    <table class="treetable">
      <tbody>
        <tr><td>
          <table class="inner"><tr><td class='nopad'>content</td></tr></table>
        </td></tr>
      </tbody>  
    </table>

我想要 <td class='nopad'>有 padding-left : 0px; .我尝试了几件事，即 .nopad { padding-left: 0px; }但似乎树表中的填充会传播并覆盖任何设置。

Answer 1

只需将嵌套的 td 的填充值设置回 initial。它是语义化的，因为它不需要您通过添加额外的类来更改 DOM。

table.treetable tbody tr td td {
  padding: initial;
}