在Firebug中,如何判断什么是最重要的风格?

时间:2010-03-09 21:05:26

标签: css firebug

我有这个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时所得到的。

5 个答案:

答案 0 :(得分:13)

它们是有序的,因此最高的定义会覆盖较低的定义。

答案 1 :(得分:10)

在划线样式之上的任何样式通常都会覆盖它。如果不是这种情况,请开始单击禁用样式图标并查看问题所在。

答案 2 :(得分:3)

如果CSS规则被覆盖,尽管它是该属性的最顶层规则,请进一步查看具有!important覆盖设置的规则。

答案 3 :(得分:1)

只需找到未划掉的属性名称的实例,即覆盖的实例名称。

答案 4 :(得分:0)

如果您选择了有问题的行为不当的项目,它应该会为您提供应用于它的所有样式的列表。底部应该具有最具体的样式。如果从fieldset li样式开始,您应该能够向下滚动,直到看到覆盖它的那个。