从浏览器渲染原理讲CSS性能

浏览器工作流程

1：解析HTML，重建DOM树
2：解析CSS，构建渲染树
3：从根节点递归调用，布局渲染树
4：遍历渲染树，每个节点将使用UI后端层来绘制

PS: css引擎是按照每条规则从右到左的顺序去匹配

CSS性能提升方案

1：避免使用通配规则
2：尽量少的区对标签进行选择，而是用class
3：不要去用标签先定ID或者类选择符
4：尽量少的去使用后代选择器，降低选择的权重值
5：考虑继承