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

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

题目类型: 技术面试题

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

难度: hard

分类: css

标签: selectors, browser-rendering

参考答案摘要

答案 通常从选择器最右侧开始筛选候选元素，再向左回溯检查祖先/条件是否满足（right-to-left matching）。 例如选择器 `p span`：浏览器先找到所有 span，再向上查找是否存在祖先 p；找到就判定匹配并停止回溯。 因此选择器链越短、越具体，匹配越快、越可维护。

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