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

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

题目类型: 技术面试题

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

难度: medium

分类: Selectors

标签: selector-matching, performance, key-selector

参考答案摘要

答案 这部分与上面“编写高效 CSS”的内容相关。浏览器从最右侧（关键选择器）向左匹配选择器。浏览器会先根据关键选择器在 DOM 中筛选元素，再向上遍历其父元素来判断是否匹配。选择器链越短，浏览器越快判断该元素是否匹配该选择器。 例如选择器 p span，浏览器会先找到所有 元素，然后沿着其父元素一路向上遍历到根节点以寻找

元素。对于某个特定的 ，一旦找到一个 <...

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