为什么有些表随机继承了这个css样式?

时间:2012-06-25 15:36:58

标签: html css html-table

似乎有些表继承了不应该使用的样式。

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

这是它的CSS:

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

这是由于某种原因使用它的表的标记:

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

我认为风格说“对于所有td和td类.my_custom_table - 使用1px实线边框”,或者我错过了什么?

2 个答案:

答案 0 :(得分:6)

您的CSS将适用于所有 <th>标记,而不仅仅是my_custom_table类下的标记。

请改为尝试:

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

答案 1 :(得分:2)

.my_custom_table td, th表示具有td类和所有my_custom_table元素的所有th元素。请注意,th类中的my_custom_table不是全部th。只是所有.my_custom_table td, .my_custom_table th

{{1}}

是你想要的。