CSS选择器效率

Question

我对浏览器应用CSS规则感兴趣。

虽然我知道没有真正的区别，但我想知道它是否更有效......

• 限制元素范围

a.external
/*instead of*/
.external

Answer 1

Surprisingly a.external通常 效率低于.external。原因是浏览器通常会向后匹配选择器，也就是说，首先他们发现所有带有类external和然后的元素都会过滤掉所有不是链接的元素。