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

时间:2011-10-02 00:56:56

标签: css css-selectors

我认为这会更快:

#dialog .videoContainer { width:100px; }

比:

.videoContainer { width:100px; }

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

1 个答案:

答案 0 :(得分:24)

CSS选择器为matched from right to left

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

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

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