我会认为这样会更快:
#dialog .videoContainer { width:100px; }
比:
.videoContainer { width:100px; }
当然,忽略第一个例子中的.videoContainer只会在#dialog标签下进行样式化。
解决方法
CSS选择器是
matched from right to left。
因此,.videoContainer应该比#dialog .videoContainer“更快”,因为它错过了#dialog的测试。
但是,这完全是无关紧要的 – 你永远不会注意到这个区别。对于正常大小的页面,我们谈论的时间量是不重要的,因为不存在。
这是专家的相关答案,您应该阅读:CSS Selectors parsed right to left. Why?