代码之家 › 专栏 › 技术社区 › jeroen

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

css-selectors stylesheet performance css html

jeroen · 技术社区 · 15 年前

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

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

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

* {
    margin: 0;
    padding: 0;
}

这看起来确实让事情变得更简单,但在其他地方(不记得在哪里…)我看到使用*选择器会严重影响性能。

是这样吗?一长串选择器(示例中只有几个选择器,可能更多)的性能明显优于*选择器,而且*选择器是否还有其他缺点?

3 回复 | 直到 15 年前

Emily 15 年前

我曾经做过一些基准测试,重置没有比重置慢多少——梅耶斯,尤伊,完全没有重置。

重设的主要问题是它为大多数浏览器重设了输入按钮的填充,但是IE保留了一些填充,因此很难在跨浏览器中一致地设置按钮的样式。

Vinay Sajip 15 年前

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

Tyler Carter 15 年前

通孔 Google's Speed Recommendations ,通配符选择器效率非常低。另外,将来你可能会有一些盒子不要想要重置。通过分别命名每一个,您可以获得效率和控制。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前