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