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

Question

目前我只是在样式表顶部重置我需要的样式，例如：

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

但是，我见过很多次人们使用：

* {
    margin: 0;
    padding: 0;
}

这似乎使事情变得更容易，但在其他地方（不记得在哪里......）我读到使用 * 选择器会严重影响性能。

是这样吗，一长串选择器（示例中只有几个选择器，可能更多）性能明显优于 * 选择器，* 选择器可能还有其他缺点吗？

score 4 · Accepted Answer

4

为什么不使用标准的 CSS 重置文件之一，例如Eric Meyer或YAHOO的？

于 2009-07-31T23:53:08.023 回答

score 3 · Accepted Answer

通过Google 的 Speed Recommendations，通配符选择器的效率非常低。另外，将来您可能会有不想重置的盒子。通过单独命名每一个，您可以获得效率和控制。

score 2 · Accepted Answer

我曾经运行过一些基准测试，*{} 重置的运行速度并不比重置慢 - Meyers、YUI 和根本没有重置。

*{} 重置的主要问题是它重置了大多数浏览器的输入按钮上的填充，但 IE 保留了它的一些填充，因此很难在跨浏览器中统一设置按钮样式。

3 回答 3