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

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

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

* {
    margin: 0;
    padding: 0;
}

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

是真的,一长串的选择器(示例只有几个选择器,它可能更多)的性能明显优于*选择器,*选择器可能还有其它缺点吗?

有帮助吗?

解决方案

我曾经运行过一些基准测试并且* {}重置没有比重置更慢 - Meyers,YUI并且根本没有重置。

* {}重置的主要问题是它重置了大多数浏览器的输入按钮上的填充,但是IE保留了一些填充,这使得跨浏览器按钮的一致风格变得非常困难。

其他提示

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

通过 Google的速度建议,通配符选择器效率很低。此外,将来您可能会有想要重置的方框。通过单独命名每一个,您可以获得效率和控制。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top