CSS选择器性能？

假设这两个选择器匹配同一表单的相同元素，它们之间是否存在性能差异

主体形式{}

主窗体{}

---

我听说CSS选择器可以显著提高页面呈现的速度。我还想知道这是否主要适用于页面加载时间，或者也适用于通过JavaScript向元素添加类的场景，以及浏览器呈现视觉变化的速度。

谷歌有一个Firebug/Developer工具插件，用于分析页面速度。其中一个选项卡用于CSS选择器。你只要运行它，它就会告诉你哪一个更好

---

据我所知，顺便说一句，第一个比较慢。需要选择的元素越少越好

里面有有趣的东西：

---

，

有关基准测试，请参阅。我知道子选择器比专用类/id慢。但由于我的表单没有专用类/id，我的问题是指定.body parents是否更好/更差。我从未遇到过使用css选择器导致性能变慢的情况。通常，它比加载图片或在页面上实际执行请求的渲染快几个数量级。当然根据频率的不同，请求整个DOM对象进行解析在某些时候可能会出现问题，但与找到该DOM对象后所执行的操作相比，这很可能仍然是微不足道的。页面呈现的速度不受选择器的查找方式影响，它将是基于呈现的99%。例如，搜索所有表格、所有表格行和所有表格单元格以查找要应用样式的对象所需的时间，与实际应用该样式并在页面上呈现（例如使用覆盖层使页面变暗的div）相比，所需时间微不足道。是的，我不期望有任何巨大的速度差异。这更像是一种智力上的好奇心。你知道它叫什么吗？