1

我想将样式应用于给定表格中的所有单元格（td 元素），而不是任何其他表格。有没有办法在 CSS 中做到这一点，而不必为我想要应用样式的表中的每个 td 指定一个类？

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

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

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

有任何想法吗？

4

4 回答 4

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

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

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

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

于 2013-07-11T02:35:57.047 回答
2

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

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

.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
于 2013-07-11T03:07:57.097 回答
1

例如，将类或 id 添加到要定位的表中

.yourTableClass td{Your Style here}
于 2013-07-11T02:37:18.023 回答
0

用这个。td.tbl_class{你的风格；}

于 2013-07-11T03:33:41.850 回答