为什么有些表会随机继承这种 CSS 样式？

Question

似乎有些表格继承了它们不应该继承的样式。

我有一个自定义表格类，我只希望使用该类的表格具有 1px 宽的实心边框，但由于某种原因，其他表格似乎随机使用它。

这是它的 CSS：

.my_custom_table td, th { border: 1px solid gray; }

这是出于某种原因使用它的表的标记：

<table border="0" cellspacing="0" cellpadding="2" class="customer-info"> ... </table>

我认为样式是“对于 .my_custom_table 类下的所有 td 和 td - 使用 1px 实心边框”，还是我遗漏了什么？

Answer 1

您的 CSS 将应用于 所有 <th> 标签，而不仅仅是 my_custom_table 类下的标签。

试试这个：

.my_custom_table td, .my_custom_table th { border: 1px solid gray; } 

Answer 2

.my_custom_table td, th 表示具有my_custom_table 类的所有td 元素和所有th 元素。请注意，th 并不是 my_custom_table 类中的所有内容。只是所有的th。

.my_custom_table td, .my_custom_table th

是你想要的。