通用选择器:性能的朋友还是敌人?
为了优化页面性能,通用选择器的问题(* ) 出现。人们担心它对速度的潜在影响,促使对其真正的性能特征进行调查。
通用选择器的效果
本质上,通用选择器应用了 CSS 规则到文档中的每个元素。这意味着以下 CSS:
<code class="css">* { margin: 0; padding: 0; }</code>
相当于:
<code class="css">body, h1, p { margin: 0; padding: 0; }</code>
性能影响
在现代浏览器中,性能影响通用选择器的影响可以忽略不计。即使对于应用于相当多的元素的情况也是如此。然而,需要注意的是,只有当它用于“快速”效果(例如边距和填充)时才会出现这种情况。对每个元素应用较慢的效果(例如框阴影和 z 轴旋转)可能会导致性能下降。
通用选择器和缓慢渲染
认为通用选择器本质上很慢的误解源于其历史。过去,浏览器常常难以解析大型 CSS 选择器,从而导致渲染缓慢。然而,浏览器技术的进步已经解决了这个问题,使得通用选择器的性能与其他选择器类型相当。
结论
根据当前证据,通用选择器,当明智地使用以获得快速效果时,对性能的影响可以忽略不计。虽然它可能因过去的经验而赢得了坏名声,但它不再是性能障碍。因此,使用通用选择器将规则应用于文档中的所有元素是完全可以接受的,特别是在需要简洁的情况下。
以上是通用选择器是性能杀手吗?的详细内容。更多信息请关注PHP中文网其他相关文章!