CSS：#id .class与.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?