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

时间:2009-07-31 23:49:04

标签: html css performance stylesheet css-selectors

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

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

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

* {
    margin: 0;
    padding: 0;
}

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

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

3 个答案:

答案 0 :(得分:4)

为什么不使用标准的CSS重置文件,例如Eric MeyerYAHOO

答案 1 :(得分:3)

通过Google's Speed Recommendations,通配符选择器的效率非常低。此外,将来您可能会有想要重置的方框。通过单独命名每一个,您可以获得效率和控制。

答案 2 :(得分:2)

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

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

相关问题