删除另一页的css并保留另一页

Question

在我的网站上，我有类似下面的内容作为桌子的css。

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td  { 
    padding: 8px 15px;
}

因此，对于同一网站的另一个页面，我想删除此填充。有没有办法迅速做到这一点？

Answer 1

我会先简化代码。

并在第二个表中添加一个额外的类

td { border: 1px solid black; /* for demo */ }
.table th, 
.table td  { 
  padding: 8px 15px;
}
.table2 th,
.table2 td {
  padding: 0;
}

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


<table class="table table2">
  <tr>
    <td>first table</td>
  </tr>
</table>

Answer 2

为另一个表使用不同的类：.tableWhateverOtherName

Answer 3

对于要执行此操作的表，设置一个类，并将此类的填充设置为padding = 0

.nopadding{
  padding = 0;
  }

<table class="nopadding">
  
</table>