对于HTML元素，例如div有n个类，它如何影响呈现树以及性能如何？

Question

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

浏览器解析数据以构造DOM和CSSOM。CSSOM和DOM树被组合成一个呈现树，该树随后用于计算每个可见元素的布局，并充当绘制过程的输入，该进程将像素呈现到屏幕上。优化这些步骤中的每一个都是实现最佳渲染性能的关键。

因此，拥有n个类会对呈现树的构造产生任何影响。

Answer 1

浏览器在DOM中搜索匹配的CSS规则，然后由浏览器呈现。从理论上讲，如果DOM必须搜索大量样式表和类来查找每个元素以找到匹配，则需要花费更长的时间，但对于速度更快、效率更高的处理器和浏览器，这可能并不完全实用。网上有一篇你可能感兴趣的文章：CSS选择器的性能影响。希望它能回答你的问题。

我只会尽你所能优化CSS。