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

tbo*_*one 13 css firebug

我有这个css:

fieldset li {  
padding-bottom: 0em;  
}  
Run Code Online (Sandbox Code Playgroud)

然而,它表现不正常,并且使用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;
}
Run Code Online (Sandbox Code Playgroud)

当我转到计算选项卡时,我发现它的底部填充为16px.我怎样才能知道这是从哪里来的?

到目前为止所有的答案似乎暗示我应该在样式选项卡中看到所有应用的样式(我发誓这是我上次使用firebug时的工作方式),但这次我没有看到所有样式!

(我正在运行Firebug 1.5.2)

我是个白痴.这是由于这个原因造成的(正面对我):

fieldset li {
clear:left;
float:left;
padding-bottom:1em;
width:100%;
}
Run Code Online (Sandbox Code Playgroud)

这是EM是扔我.这就是你在不理解它的情况下从网上复制/粘贴CSS时得到的结果.

Jur*_*ert 13

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

  • @tbone:如果仍然无法解决您的问题,请向下滚动,有时覆盖不在顶部,例如在其中带有`!important`的规则中 (3认同)

小智 10

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