一、CSS选择器的解析顺序 相信很多人在一开始接触CSS的时候都会看到一条规则就是尽量少使用层级关系，比如尽量不要写成： #div P.class {     color: red; } 1 2 3 而是写成： .class {     color: red; } 1 2 3 之所以需要这么写，给的解释是这样可以减少选择器匹配的次数（推荐一个CSS规范的网站）。初看觉得哦，有点道理啊，但是往

为什么从右往左的解析方法效率更高呢 如图： 假如 DOM 的结构如上图，匹配规则是 .mod-nav h3 span。 若从左向右的匹配，过程是：从 .mod-nav 开始，遍历子节点 header 和子节点 div，然后各自向子节点遍历。在右侧 div 的分支中，最后遍历到叶子节点 a ，发现不符合规则，需要回溯到 ul 节点，再遍历下一个 li-a，假如有 1000 个 li，则