HTML和CSS表通过继承得到错误的样式。

Question

我有一个HTML/CSS代码，它的反应有点奇怪(在我看来)。或者我只是不明白风格的传承。

以下代码片段是造成问题的原因：

​

​

你看，我有一张有类公式的桌子。在右边，您可以看到每个table.formular td都有一个填充。

下面，在公式表的一个tds中，我得到了一个新的表，其中有一个类表--rubrikbar。此表包含一个带有类customSearch-InnerTable-td的td，该类应该覆盖填充。但是在这种情况下，继承的公式td正在覆盖customSearch-InnerTable-td。

Answer 1

你应该对你的规则使用更高的特异性。

table.formular td.customSearch-InnerTable-td { ... }

有关进一步的解释，请参见http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Answer 2

把你的声明说得更具体一点。您越缩小css样式的范围，它的优先级就越高。

它的行为如下：

td < td.class，所以给你的类一个更高的优先级

.tabelle-rubrikbar tr td.customSearch-InnterTable-td

Answer 3

您应该尝试在!important的末尾添加customSearch-InnerTable-td，如

customSearch-InnerTable-td {
padding: 0px 0px 0px 0px !important;}