html - 表格或 div 中所有 Td 的简单样式

Question

有没有一种方法可以使用一个类别来对所有表格单元格进行样式化？我不能只使用

td{

}

因为我在同一页面上有另一个表格，我不想要相同的样式。我想要风格化的表格有大约 40 个单元格，那么有没有办法在不复制粘贴类或 id 40 次的情况下统一设置它们的样式？

score 32 · Accepted Answer

在表格标签上放置一个选择器：

<table class="my-special-table">
<tr><td></td></tr>
</table>

table.my-special-table td { style it up! }

score 11 · Accepted Answer

如果你的表有一个特定的属性，比如 ID，你可以在 CSS 中专门引用它：

<table id="myStyledTable">
    <tr>
        <td>...

像这样：

#myStyledTable td {

}

score 5 · Accepted Answer

5

用这个：

#table-id td {
 /* some css */ 
}

于 2012-06-14T15:36:40.440 回答

score 2 · Accepted Answer

或者 #table-id > tr > td { /* some css */ } 以防你在这个表中还有其他不应该应用这种样式的表。

score 1 · Accepted Answer

1

您可以为该表提供一个 id/class 并执行以下操作：

#yourtable td { }

于 2012-06-14T15:30:10.837 回答

score 0 · Accepted Answer

id 或 class 都将允许将其单独设置为：

<table class="myclass">

或者

<table id="myid">

进而

.myclass td {}

或者

#myid td {}

分别。

6 回答 6