浏览器如何判断哪些元素匹配某个 CSS 选择器？

Explain how a browser determines what elements match a CSS selector.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: Performance

标签: selector matching, right-to-left, key selector, css performance

参考答案摘要

答案 浏览器匹配选择器是从右向左进行：先找出所有匹配最右侧 key selector 的元素，再沿 DOM 树向上遍历父节点判断是否满足选择器链。选择器链越短，匹配越快。 例如选择器 p span ：浏览器先找到所有 ，再向上找父节点是否存在

。一旦找到匹配的

就可停止。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。