CSS：#id .class VS .class 性能。哪个更好？
我认为这会
#dialog .videoContainer { width:100px; }
比：更快：
.videoContainer { width:100px; }
当然，忽略第一个示例中的 .videoContainer 只会在 #dialog 标记下设置样式。
I'd assume that this would be faster:
#dialog .videoContainer { width:100px; }
than:
.videoContainer { width:100px; }
Of course disregarding that .videoContainer in the first example would only be styled under the #dialog tag.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
CSS 选择器从右到左匹配。
因此，
.videoContainer应该比#dialog .videoContainer“更快”，因为它错过了对#dialog的测试。然而，这充其量都是无关紧要的——你永远不会注意到其中的区别。对于正常大小的页面，我们讨论的时间微不足道，甚至不存在。
以下是专家的相关回答，您应该阅读： 为什么浏览器匹配 CSS 选择器从右到左？
CSS selectors are matched from right to left.
Therefore,
.videoContainershould be "faster" than#dialog .videoContainerbecause it misses out testing for#dialog.However, this is all irrelevant at best - you'll never notice the difference. For normally sized pages, the amount of time we're talking about is so insignificant as to be nonexistent.
Here's a relevant answer by an expert that you should read: Why do browsers match CSS selectors from right to left?