CSS:#id .class VS .class性能.哪个更好？

Question

我认为这会更快:

#dialog .videoContainer { width:100px; }

比:

.videoContainer { width:100px; }

当然,无论.videoContainer在第一个例子中,只会在#dialog标签下设置样式.

Answer 1

CSS选择器从右到左匹配.

因此,.videoContainer应该"快",#dialog .videoContainer因为它错过了测试#dialog.

然而,这一切都无关紧要 - 你永远不会注意到差异.对于正常大小的页面,我们谈论的时间是如此微不足道,以至于不存在.

以下是专家的相关答案,您应该阅读:为什么浏览器从右到左匹配CSS选择器？