Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/116.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS类顺序对性能有影响吗?_Javascript_Css_Performance_Selector - Fatal编程技术网

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选择器引擎不是从右到左读取选择器吗?我编辑了答案并为类添加了点。