如何在不同的CSS樣式表

Question

我在我的網頁不同的表裏面應該有不同的邊框，CELLPADDING等等。我可以創造出很多類，比如，

.pad5 td {padding:5px} 

，然後使用，

<table class="pad5"> 

但是，如果我使用'表'是CSS，則樣式應用於所有表。我怎樣才能達到這個結果？

Answer 1

聲明類爲每個類型的樣式，你要創建的，並在HTML通過class屬性

CSS

.table1 { 
    ... 
} 

.table2 { 
    ... 
} 

HTML

<table class="table1"> 
    ... 
</table> 

<table class="table2"> 
    ... 
</table> 

Answer 2

給每個分配到<table>他們分開ids。對於CSS類將被應用到很多不同的對象，IDS是對CSS將被應用到特定對象

<table id="first_table"></table> 

Answer 3

你可以給你的表類的名稱也

示例HTML：

<table class="mytable"> 
    <tr> 
     <td>My cell</td> 
    </tr> 
</table> 

<table class="anothertable"> 
    <tr> 
     <td>My cell</td> 
    </tr> 
</table> 

實施例的CSS：

.mytable { 
    border: 1px solid black; 
} 

.anothertable { 
    border: 1px solid red; 
} 

第一張桌子有1px純黑色邊框，第二張桌子有1px純紅色邊框。

Answer 4

你可以嘗試將ID添加到每個表和CSS做參考用這個ID，如：

CSS & HTML：

#table1 tr td { 
 
    padding: 5px; 
 
    border: 4px solid #888; 
 
} 
 

 
#table2 tr td { 
 
    padding: 5px; 
 
    border: 4px solid red; 
 
}

<table id="table1"> 
 
    <tr> 
 
    <td>first content</td> 
 
    <td>second content</td> 
 
</tr> 
 
</table> 
 

 
<table id="table2"> 
 
    <tr> 
 
    <td>first content</td> 
 
    <td>second content</td> 
 
</tr> 
 
</table>

Answer 5

我發現，如果我不在其工作的CSS中使用表格。 例如 - .cell {border-spacing：10px}