Question

我想将样式应用于给定表内的所有单元格（td元素），而不是任何其他表格。有没有办法在CSS中执行此操作而无需为表中的每个td指定一个类，我想将样式应用到？

例如，假设我想让特定表中的所有单元格在所有四条边上都有3px的填充。要为每个td执行此操作，我可以声明：

td { padding: 3px 3px 3px 3px; }

问题：这适用于页面上的每个td。我只想将一个命名表应用于此，或者替代地应用于给定类的所有表。

有什么想法吗？

Answer 1

#someTable td { padding: 3px 3px 3px 3px; }

这会将您的风格仅应用于特定的表格

.someTable td { padding: 3px 3px 3px 3px; }

这会将更改应用于具有给定类

的所有表

Answer 2

为要定位的表添加class to或id，例如

.yourTableClass td{Your Style here}

Answer 3

正如其他人已经回答的那样，将 td 元素的样式声明为后代选择器（了解更多here）或者属于父选择器的子选择器（了解更多here），而不是在没有层次结构的情况下声明它们将解决您的问题。

我唯一想补充的是，后代和子选择器的操作略有不同，如下面的评论所述：

.my_table_class td { padding: 3px; } // will apply to all td elements underneath
                                     // .my-table-class (also to tables nested
                                     // below)


.my_table_class > td { padding: 3px; } // will apply to td elements immediately
                                       // under .my-table-class

Answer 4

使用此。 td.tbl_class {your style;}

表格中所有单元格的CSS样式

4 个答案: