他のページの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>