Webkit CSS重置？

Question

我知道有一些CSS重置工具，Eric和雅虎的名字2.
但是，当我使用某些标签（我认为它们被称为标签？），例如“li”和“ul”时，我会在用户代理样式表中获得一些额外内容。其中一些是：

-webkit-margin-before: 1em;  
-webkit-margin-after: 1em;  
-webkit-margin-start: 0px;  
-webkit-margin-end: 0px;  
-webkit-padding-start: 40px;  

我想知道是否有重置样式表来处理-webkit等？ 我已经搜索了一个，但现在运气好了。

Answer 1

虽然这些样式由Webkit应用，但它们被CSS重置中的margin: 0; padding: 0;所取代。你不必担心它们。

注意：尽管Chrome（版本27.0.1453.116 m）开发人员工具未显示带删除线的用户代理样式，但计算出的样式确实反映了显式margin和padding值覆盖。

Answer 2

实际上，如果您在标记中使用<ul>，那么 重置margin: 0, padding: 0;不会覆盖-webkit-padding-start: 40px;

我通过添加到我的重置文件

来解决了这个问题

ul {
    -webkit-padding-start: 0px;
}

Answer 3

我在li和ul遇到了同样的问题，并找到了以下解决方案：在我的CSS中，我的列表li的属性为{{1} }}。我用display: inline替换它并且它有效。我不知道为什么......

Answer 4

如果调用user agent stylesheet，那是因为在css样式表中没有正确定义为/ need调用的属性。

使用CSS Lint之类的工具检查您的CSS时出错，并在尝试解决方法之前修复可能检测到的任何问题。

Answer 5

我的<h3>标签遇到了同样的问题。我尝试设置margin:0;，但它不起作用。

我发现我习惯性地使用//在我的CSS中评论线条。我从来没有注意到它，因为它之前没有引起任何问题。但是当我在声明//之前在行中使用<h3>时，它导致浏览器完全跳过声明。当我//换/**/时，我能够调整保证金。

这个故事的道德：始终使用正确的评论语法！