Question

aSuppose我有以下HTML

        <div class="xyz">
           ......
        </div>
        <div class="abc">
           ......
        </div>
        <p>
           .....
        </p>
        <div class="xyz">
           ......
        </div>
        <div class="abc">
           ......
        </div>

跟随css：

.xyz{
      background:#cccccc;
}

现在如果我改变css更具体：

div.xyz{
          background:#cccccc;
    }

是否会影响所需的演出时间？

你能详细说明原因吗？

Answer 1

是

但效果太小，你不会注意到它。

选择器的更多组件意味着在确定元素是否匹配之前需要检查更多内容。

Answer 2

在搜索性能问题时，通常CSS是您应该检查的最后一个。

性能最重要的部分是文件大小（JavaScript，CSS，图像，...），加载的文件数量（再次是JavaScript，CSS，图像......）和加载顺序（CSS应该在<head>，JavaScript - 如果可能 - 在结束<body>标记之前），JavaScript代码的性能（循环，jQuery中的CSS选择器，可能的内存泄漏）。

修改

如果您对CSS效果感到担忧，可以选择mozilla link和second one，然后点击google

性能时间是否依赖于CSS选择器？

2 个答案:

修改