选择器性能 - 'E＃id'与'#id' - 在CSS和jQuery中

Question

在CSS和jQuery中使用选择器时，使用'E#id'和#id之间是否存在效率差异，其中E是任何HTML元素？如果是，它是否仅适用于某些布局引擎和/或Javascript引擎？

Answer 1

浏览器从右到左读取选择器，因此通过在id之前加前缀来获得很少的东西;那时候是多余的。资源： 来自Mozilla的Writing Efficient CSS

这是一个real world example来自己测试一下。 TL：DR;它似乎不足以发挥作用。

以前Stack Overflow question

的相关进一步阅读

Answer 2

1）认为使用CSS的CSS不是一个好习惯。在通过javascript操作内容时应该使用它。

2）具有标签名称ul.top-nav或ul＃top-nav的合格CSS选择器只会增加浏览器的开销，因为它必须匹配标签＆amp;班级号。因此，避免过度限定选择器。