对于 HTML 元素说 div 有 n 个 类 ,它如何影响渲染树以及性能如何

For an HTML element say div has n number of classes , how does it affect the render tree and how is the performance

<div class="a b c d e f g h i j">
</div>

浏览器解析数据构造DOM和CSSOM。 CSSOM 和 DOM 树组合成渲染树,然后用于计算每个可见元素的布局,并作为将像素渲染到屏幕的绘制过程的输入。优化其中的每个步骤对于实现最佳渲染性能至关重要。

因此,拥有 n 个 类 会对渲染树构建产生任何影响。

浏览器搜索DOM匹配CSS规则,然后由浏览器渲染。从理论上讲,如果 DOM 必须搜索大量样式表并 类 为每个元素找到匹配项,这将花费更长的时间,但在当今处理器和浏览器速度更快、效率更高的情况下,这可能并不实用.网上流传着一篇您可能感兴趣的文章:Perfomance Impact of CSS Selectors。希望它能回答你的问题。

我会尽力优化 CSS。