如何在不同的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}