刪除另一個頁面的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

你想這樣做表，設置一類，並設置填充此類填充= 0

.nopadding{ 
 
    padding = 0; 
 
    }

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