代码之家 › 专栏 › 技术社区 › jeroen

在样式表中使用*选择器重置样式

css-selectors stylesheet performance css html

3

jeroen · 技术社区 · 16 年前

目前,我只是在样式表顶部重新设置所需的样式,例如:

html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}

但是,我见过很多人使用:

* {
    margin: 0;
    padding: 0;
}

这看起来确实让事情变得更简单,但在其他地方(不记得在哪里…)我看到使用*选择器会严重影响性能。

是这样吗?一长串选择器(示例中只有几个选择器,可能更多)的性能明显优于*选择器,而且*选择器是否还有其他缺点?

3 回复 | 直到 16 年前

1

2

Emily 16 年前

我曾经做过一些基准测试,重置没有比重置慢多少——梅耶斯,尤伊,完全没有重置。

重设的主要问题是它为大多数浏览器重设了输入按钮的填充,但是IE保留了一些填充,因此很难在跨浏览器中一致地设置按钮的样式。

2

4

Vinay Sajip 16 年前

为什么不使用一个标准的CSS重置文件,例如 Eric Meyer 或 YAHOO 是吗?

3

Tyler Carter 16 年前

通孔 Google's Speed Recommendations ,通配符选择器效率非常低。另外,将来你可能会有一些盒子不要想要重置。通过分别命名每一个,您可以获得效率和控制。