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

Question

我认为这会更快：

#dialog .videoContainer { width:100px; }

比：

.videoContainer { width:100px; }

当然，忽略第一个示例中的.videoContainer只会在#dialog标记下设置样式。

Answer 1

CSS选择器为matched from right to left。

因此，.videoContainer应该比#dialog .videoContainer“更快”，因为它错过了对#dialog的测试。

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

以下是专家的相关答案，您应该阅读：Why do browsers match CSS selectors from right to left?