在桌子或div中轻松设置所有Td的样式

Question

有没有办法可以使用一个类别来设置所有表格单元格的样式？我不能用

td{

}

因为我在同一页面上有另一个表格,我不想要相同的样式.我想要样式化的表有大约40个单元格,那么有没有一种方法可以将它们集体设计为没有复制粘贴类或ID 40次？

Answer 1

在表标记上放置一个选择器:

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

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

Answer 2

如果您的表具有特定属性(如ID),则可以在CSS中专门引用它:

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

像这样:

#myStyledTable td {

}

Answer 3

用这个:

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