繁体   English   中英

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

[英]Use of * selector in style sheet to reset styles

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

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

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

* {
    margin: 0;
    padding: 0;
}

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

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

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

通过Google的Speed Recommendations ,通配符选择器的效率非常低。 此外,在未来,你可能有你希望被重置盒。 通过单独命名每个,您可以获得效率和控制。

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM