了解CSS 性能与优先级嘛？讲一下：选择器、重排重绘、合成层

[问答题]

了解CSS 性能与优先级嘛？讲一下：选择器、重排重绘、合成层与硬件加速。

秋水夏树

选择器：ID > 类、伪类、属性 > 元素、伪元素 > 通配符重排：重新计算所有节点的布局、大小重绘：仅重新绘制部分节点的外观合成层：will-change / transform 设置将其提升至新的图层，以后该节点的操作都在独立的层中进行，利用GPU操作直接再合成层操作，再不影响外部

发表于 2025-09-16 12:50:37 回复(0)

已转码的钝角很开心

CSS优先级由选择器特异性决定，而性能优化的核心在于避免触发昂贵的重排（布局变化）与重绘（样式变化），最高效的手段是利用transform和opacity等属性将元素提升为合成层，以启用GPU硬件加速，跳过布局和绘制流程

发表于 2026-02-24 16:25:34 回复(1)

提交观点

问题信息

来自：前端开发-牛客面经八股

难度：

2条回答 7收藏 492浏览

扫一扫，把题目装进口袋