html5重置css提示-带或不带通用选择器

html5重置css提示-带或不带通用选择器,css,html,Css,Html,任何人都可能正在使用一些html(5)reset.css,例如: 但我却做到了: * { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } 优点: 看起来更简单 轻量化 有人能告诉我我的解决方案是否有任何问题(任何我不知道的浏览器问题) 或者,在本例中列出几乎所有的标记

任何人都可能正在使用一些html(5)
reset.css
,例如:

但我却做到了:

* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
优点:

  • 看起来更简单
  • 轻量化
有人能告诉我我的解决方案是否有任何问题(任何我不知道的浏览器问题)


或者,在本例中列出几乎所有的标记名有什么好处?

我有同样的问题,所以我搜索了一下,找到了这篇文章:

哪个州“如果您的CSS重置没有仔细编写,您可能会发现您的CSS规则本身正在被作为基线的代码覆盖!在使用通用选择器重置时,这通常是一个问题,但如果使用编写良好的代码(如HTML5 Doctor CSS重置),通常不会成为问题。”


希望这能有所帮助!

*
是一个非常昂贵的选择器。仅供参考:显式列出要重置的元素的优点之一是可以使用表单控件的默认外观。当“input”等元素的默认“border”和有时的“padding”发生更改时,它们可能会意外地、不可逆转地更改其外观唱一些浏览器主题的默认眼线。我发现:CSS选择器速度不是一个问题。考虑:
* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}