在Firebug中，如何判断什么是重写风格？ [英] In Firebug, how to tell what is overriding a style?

问题描述

我有这个css：

fieldset li {  
padding-bottom: 0em;  
}  

然而，它的行为不正确，使用firebug，我看到style有一条通过它绘制的线，表示它被覆盖。

However, it wasn't behaving properly, and using firebug, I see that style has a line drawn through it, indicating it is being overridden. Is there a way in firebug to tell what is overriding a style?

在样式标签中，这是全部 >我看到：

In the style tab, this is all I see:

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。

When I go to the computed tab, I see it has padding-bottom of 16px. How can I find out where this is coming from?

到目前为止的所有答案似乎暗示我应该看到全部 strong>在样式标签中应用的样式（我发现这是它在上次使用firebug时的效果），但这次我不看到所有样式！

All the answers so far seem to imply I should see all the applied styles in the style tab (and I swear this is how it worked last time I used firebug), but this time I am not seeing all styles!

（我正在运行Firebug 1.5.2）

(I am running Firebug 1.5.2)

蠢货。这是由于这一点（它直接盯着我的脸）：

I'm an idiot. It was caused by this (which was staring me right in the face):

fieldset li {
clear:left;
float:left;
padding-bottom:1em;
width:100%;
}

这是 em

推荐答案

在网页上复制/粘贴CSS时，风格通常凌驾于它。如果不是这样，请开始点击停用样式图标，查看问题所在。

What ever styles are above the crossed out styles are usually overriding it. If that is not the case, start clicking the disable style icons and see where the issue is.

这篇关于在Firebug中，如何判断什么是重写风格？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！