html - 为什么有些表会随机继承这种 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表示td某个my_custom_table类中的所有元素以及所有th元素。请注意，这并不是th一个my_custom_table类的全部内容。只是所有的th.

.my_custom_table td, .my_custom_table th

是你想要的。