如何在CSS

Question

我的页面中有不同的表，它们应该有不同的边框，cellpadding等。我可以创建很多类，例如，

.pad5 td {padding:5px}

然后使用，

<table class="pad5">

但如果我使用'table'是css，则样式将应用于所有表。我怎样才能达到效果？

Answer 1

为您要创建的每种样式类型声明类，并通过<table>属性

分配给html中的class

CSS

.table1 {
    ...
}

.table2 {
    ...
}

HTML

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

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

Answer 2

你也可以给你的表类名

示例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 3

您可以尝试为每个表添加ID，并在css中使用此ID进行引用，如：

CSS＆amp; 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 4

我发现如果我在CSS中根本不使用表，那就可以了。 例如 - .cell {border-spacing：10px}

Answer 5

给他们每个人分开的ID。类用于css，它将应用于一堆不同的对象，id用于css，它将应用于特定的对象

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