我认为这会更快：
#dialog .videoContainer { width:100px; }
than:
.videoContainer { width:100px; }
当然不考虑这一点.videoContainer在第一个示例中，只会在以下样式下设置样式#dialog tag.
CSS 选择器是从右到左匹配 http://www.css-101.org/descendant-selector/go_fetch_yourself.php.
所以，.videoContainer应该比“更快”#dialog .videoContainer因为它错过了测试#dialog.
然而，这充其量都是无关紧要的——你永远不会注意到其中的区别。对于正常大小的页面，我们讨论的时间微不足道，甚至不存在。
以下是专家的相关回答，您应该阅读：为什么浏览器从右到左匹配 CSS 选择器？ https://stackoverflow.com/questions/5797014/css-selectors-parsed-right-to-left-why
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
