为什么有些表随机继承了这种 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类和所有th元素的事物中的所有td元素。请注意，这并不是具有my_custom_table类的所有th。只是所有的th.

.my_custom_table td, .my_custom_table th

是你想要的。