在样式表中使用*选择的重置样式(Use of * selector in style sheet t

2019-06-27 11:49发布

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

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

不过,我已经看到了很多次,人们使用:

* {
    margin: 0;
    padding: 0;
}

这似乎使事情变得更容易,但在其他地方(鸵鸟政策记得在那里...)我读了认真使用*选择会影响性能。

那是真的,但选择一个长长的清单(例子中只是有几个选择,也可能是更多)的表现比*选择显著更舒服,也有可能是其他的缺点*选择?

Answer 1:

有一次,我跑了一些基准测试和* {}复位没有跑的比任何复位较慢 - 迈尔斯,YUI和无复位可言。

与* {}复位的主要问题是,它的输入按钮复位填充大多数浏览器,但IE保持它的一些填充使其很难始终如一样式的按钮跨浏览器。



Answer 2:

为什么不使用标准的CSS重置文件中的一个,如埃里克·迈耶的或YAHOO的?



Answer 3:

通过谷歌的速度的建议 ,通配符选择是非常低效的。 此外,在未来,你可能有你希望被重置盒。 通过单独命名每一个,你会得到兼顾效率和控制。



文章来源: Use of * selector in style sheet to reset styles