如何在不同的CSS样式表
问题描述:
我在我的网页不同的表里面应该有不同的边框,CELLPADDING等等。我可以创造出很多类,比如,如何在不同的CSS样式表
.pad5 td {padding:5px}
,然后使用,
<table class="pad5">
但是,如果我使用'表'是CSS,则样式应用于所有表。我怎样才能达到这个结果?
答
声明类为每个类型的样式,你要创建的,并在HTML通过class
属性
CSS
.table1 {
...
}
.table2 {
...
}
HTML
<table class="table1">
...
</table>
<table class="table2">
...
</table>
答
给每个分配到<table>
他们分开ids。对于CSS类将被应用到很多不同的对象,IDS是对CSS将被应用到特定对象
<table id="first_table"></table>
+0
这也可以通过类来完成,id选择器的缺点是你的html页面不能有多个唯一的id--因此风格不能被重用 – Luca
答
你可以给你的表类的名称也
示例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纯红色边框。
答
你可以尝试将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>
答
我发现,如果我不在其工作的CSS中使用表格。 例如 - .cell {border-spacing:10px}
对不同的表应用不同的类。啧! * CSS 101 * –