我有这个css:
fieldset li {
padding-bottom: 0em;
}
然而,它表现不正常,并且使用了firebug,我看到该样式有一条线穿过它,表明它被覆盖了。在firebug中有没有办法告诉什么覆盖一种风格?
在样式标签中,我看到全部:
fieldset li {
clear:left;
float:left;
padding-bottom:1em;
width:100%;
}
Default.CSS (line 42)
fieldset li {
padding-bottom:0;
}
Default.CSS (line 27)
Inherited fromol
fieldset ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
Default.CSS (line 23)
Inherited fromtable#ctl00_ContentPlaceHolder1_ScorecardEdit1_frmEdit
element.style {
border-collapse:collapse;
}
当我进入计算选项卡时,我发现它的底部填充为16px。我怎样才能知道它的来源?
到目前为止,所有答案似乎都暗示我应该在样式标签中看到所有应用的样式(我发誓这是我上次使用firebug时的工作方式),但这次我不看到所有款式!
(我正在运行Firebug 1.5.2)
fieldset li {
clear:left;
float:left;
padding-bottom:1em;
width:100%;
}
em 让我失望了。这就是你在不理解它的情况下从网上复制/粘贴CSS时所得到的。
答案 0 :(得分:13)
它们是有序的,因此最高的定义会覆盖较低的定义。
答案 1 :(得分:10)
在划线样式之上的任何样式通常都会覆盖它。如果不是这种情况,请开始单击禁用样式图标并查看问题所在。
答案 2 :(得分:3)
如果CSS规则被覆盖,尽管它是该属性的最顶层规则,请进一步查看具有!important
覆盖设置的规则。
答案 3 :(得分:1)
只需找到未划掉的属性名称的实例,即覆盖的实例名称。
答案 4 :(得分:0)
如果您选择了有问题的行为不当的项目,它应该会为您提供应用于它的所有样式的列表。底部应该具有最具体的样式。如果从fieldset li样式开始,您应该能够向下滚动,直到看到覆盖它的那个。