我认为这会更快:
#dialog .videoContainer { width:100px; }
比:
.videoContainer { width:100px; }
当然,忽略第一个示例中的.videoContainer
只会在#dialog
标记下设置样式。
答案 0 :(得分:24)
CSS选择器为matched from right to left。
因此,.videoContainer
应该比#dialog .videoContainer
“更快”,因为它错过了对#dialog
的测试。
然而,这一切都无关紧要 - 你永远不会注意到差异。对于正常大小的页面,我们谈论的时间是如此微不足道,以至于不存在。
以下是专家的相关答案,您应该阅读:Why do browsers match CSS selectors from right to left?