HTML和CSS表继承的样式错误

HTML和CSS表继承的样式错误,html,css,html-table,Html,Css,Html Table,我有一个HTML/CSS代码,它的反应有点奇怪(在我看来)。或者我只是不理解风格的继承 以下代码段是导致问题的原因: 你可以看到我有一张表格,上面有班级公式。在右侧,您可以看到每个表格.formulartd都有一个填充 下面,在公式表的一个tds中,我得到了一个新表,其类为tabelle rubrikbar。此表包含一个td,其类为customSearch InnerTable td,应覆盖填充。但是在这种情况下,继承的公式td正在覆盖customSearch内表td您应该尝试添加!重要信息在

我有一个HTML/CSS代码,它的反应有点奇怪(在我看来)。或者我只是不理解风格的继承

以下代码段是导致问题的原因:

你可以看到我有一张表格,上面有班级公式。在右侧,您可以看到每个
表格.formular
td都有一个填充


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

您应该尝试添加
!重要信息
customSearch InnerTable td的末尾

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

你的声明要更具体一些。css样式越窄,优先级就越高

其行为如下:

td
所以给你的类一个更高的优先级,比如


.tabelle rubrikbar tr td.customSearch InnterTable td

您应该为您的规则使用更高的特定性,例如:

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

有关详细说明,请参见

将customSearch InnerTable td的css标记为“!important”(不带引号),这将提高您在customSearch InnerTable td中使用的样式的优先级。这是一个小技巧,总是很好

试着在这里阅读-[link]()不要使用!重要的是,除非你别无选择!我认为td.customSearch-InnerTable-td足够了,因为他的第一条规则是
table.formular td
适用于chrome,谢谢。但是IE不接受这是更高优先级:(@Loki:为什么不?这是css应该覆盖上一个,甚至在IE6上。或者你是在说一个特定的问题/错误?啊IE缓存中有css。这就是为什么它不工作。谢谢你:这个例子不像“使用这种风格”这只是为了澄清
td.class
样式比
td
样式获得了更高的优先级。我收回了我的评论。你应该在问题中包含足够的代码作为文本,而不仅仅是部分屏幕截图。在这种情况下,正好有足够的信息来猜测真正的问题是什么(这与继承无关)。