解释浏览器如何确定哪些元素与 CSS 选择器匹配。 ​

这部分与上面关于编写高效的 CSS 有关。浏览器从最右边的选择器（关键选择器）根据关键选择器，浏览器从 DOM 中筛选出元素，然后向上遍历被选元素的父元素，判断是否匹配。选择器匹配语句链越短，浏览器的匹配速度越快。

例如，对于形如p span的选择器，浏览器首先找到所有<span>元素，并遍历它的父元素直到根元素以找到<p>元素。对于特定的<span>，只要找到一个<p>，就知道<span>已经匹配并停止继续匹配。

参考 ​

• https://stackoverflow.com/questions/5797014/why-do-browsers-match-css-selectors-from-right-to-left