Javascript CSS类顺序对性能有影响吗?
假设我们有如下元素:Javascript CSS类顺序对性能有影响吗?,javascript,css,performance,selector,Javascript,Css,Performance,Selector,假设我们有如下元素: <div class="a"> <div class="b">something</div> <div class="b">something</div> <div class="b">something</div> <div class="b c">something</div> <div class="b">somethi
<div class="a">
<div class="b">something</div>
<div class="b">something</div>
<div class="b">something</div>
<div class="b c">something</div>
<div class="b">something</div>
... 1500 more
</div>
某物
某物
某物
某物
某物
... 1500多
如果我们使用:
文档查询选择器(“.a.b.c”)强>
或
文档查询选择器(“.a.c.b”)强>
我这样问是因为浏览器从右到左读取选择器,所以这意味着性能应该受到影响。我认为
a c.b
更快,因为它找到所有带a的类,然后找到所有带c的类,其中只有一个。过早优化是万恶之源!您是否有性能问题?您的探查器是否显示运行document.querySelector
花费了大量时间?如果是这样的话,那就担心它吧……并测试一下你的真实情况,而不是假设情况。不要浪费时间优化无关紧要的东西。我还想说,如果你有1500行这样的代码,也许你想通过一些分页来优化它,而不是selector@symlinkjs选择器引擎不是从右到左读取选择器吗?我编辑了答案并为类添加了点。