前端面试题：浏览器是怎样解析CSS选择器的？

1、 css选择器的解析是从右向左解析的。若从左向右的匹配，发现不符合规则，需要进行回 溯，会损失很多性能。若从右向左匹配，先找到所有的最右节点，对于每一个节点，向上寻找 其父节点直到找到根元素或满足条件的匹配规则，则结束这个分支的遍历。两种匹配规则的性 能差别很大，是因为从右向左的匹配在第一步就筛选掉了大量的不符合条件的最右节点（叶子 节点），而从左向右的匹配规则的性能都浪费在了失败的查找上面。
2,而在CSS解析完毕后，需要将解析的结果与DOM Tree的内容一起进行分析建立一棵 Render Tree,最终用来进行绘图。在建立Render Tree时（WebKit中的rAttachment」过 程），浏览器就要为每个DOM Tree中的元素根据CSS的解析结果（Style Rules）来确定生 成怎样的Render Tree。