浏览器识别 css选择器的 顺序

浏览器会从右往左（从下向上-树形）解析CSS选择器，减少遍历失败回溯的次数

<style>
.header .title span { color: red; }
</style>

拷贝

浏览器匹配规则如下

先匹配 span 元素，然后向上寻找 .title 和 .header 的节点，直到根元素 html 结束