css - 寻找应用的 CSS

Question

我有一个页面，其中 UL 设置为 padding-left: 40px，但我找不到它的设置位置。在 Firebug 中，它显示在“计算”中，但不在继承样式列表中。我试过删除 jquery，以防它是在 js 中设置的。我已经删除了 css - 它仍然存在。我已经在属性更改上设置了一个断点 - 没有。

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

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

Answer 1

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

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

您可以覆盖由用户代理设置的样式，只需为该元素定义样式属性即可:

ul{
    padding-left:20px;
}

请注意，IE7 使用边距而不是填充作为列表的默认样式。

您可以使用类似 Yahoo's reset stylesheet 的方式“重置”所有用户代理定义的规则.

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