找到应用的CSS

时间:2011-08-26 10:43:45

标签: css

我有一个页面,UL设置为padding-left:40px,我找不到它的设置位置。在firebug中,它以'computed'显示,但不在继承的样式列表中。我已经尝试删除jquery,以防它在js中设置。我已经删除了CSS - 它仍然在那里。我在属性改变上设置了断点 - 没有。

设置padding-left:0px不能修复IE7

是否有插件或更好的方法来检查应用的css规则?

2 个答案:

答案 0 :(得分:2)

这可能是浏览器默认设置。如果它不在firebug的样式选项卡中,则由浏览器本身应用。

要让Firebug显示用户代理定义的CSS,请单击样式选项卡下拉列表,然后单击“显示用户代理CSS”(感谢Gerben)。

您可以通过定义该元素的style属性来覆盖user-agent设置的样式:

ul{
    padding-left:20px;
}

请注意,IE7使用margin而不是padding作为列表的默认样式。

您可以使用Yahoo's reset stylesheet等内容“重置”所有用户代理定义的规则。

您还可以“规范化”应用于页面的样式。这意味着覆盖用户代理定义的样式,以便所有浏览器都使用标准样式。我个人更喜欢这种方法而不是'重置'CSS并且必须为所有内容明确定义CSS规则。它更容易,占用更少的空间。试试this library

答案 1 :(得分:0)

padding-left上的ul来自the user agent stylesheet

您可以使用以下命令将其删除:

ul {
    padding-left: 0;
    margin-left: 0
}

Firebug已经是此类任务的最佳Firefox插件。您只需启用此选项: