通用选择器是性能杀手吗？

通用选择器：性能的朋友还是敌人？

为了优化页面性能，通用选择器的问题（* ) 出现。人们担心它对速度的潜在影响，促使对其真正的性能特征进行调查。

通用选择器的效果

本质上，通用选择器应用了 CSS 规则到文档中的每个元素。这意味着以下 CSS:

<code class="css">* {
  margin: 0;
  padding: 0;
}</code>

相当于：

<code class="css">body, h1, p {
  margin: 0;
  padding: 0;
}</code>

性能影响

在现代浏览器中，性能影响通用选择器的影响可以忽略不计。即使对于应用于相当多的元素的情况也是如此。然而，需要注意的是，只有当它用于“快速”效果（例如边距和填充）时才会出现这种情况。对每个元素应用较慢的效果（例如框阴影和 z 轴旋转）可能会导致性能下降。

通用选择器和缓慢渲染

认为通用选择器本质上很慢的误解源于其历史。过去，浏览器常常难以解析大型 CSS 选择器，从而导致渲染缓慢。然而，浏览器技术的进步已经解决了这个问题，使得通用选择器的性能与其他选择器类型相当。

结论

根据当前证据，通用选择器，当明智地使用以获得快速效果时，对性能的影响可以忽略不计。虽然它可能因过去的经验而赢得了坏名声，但它不再是性能障碍。因此，使用通用选择器将规则应用于文档中的所有元素是完全可以接受的，特别是在需要简洁的情况下。

以上是通用选择器是性能杀手吗？的详细内容。更多信息请关注PHP中文网其他相关文章！