css - 在 CSS 中，[class][class] 比 [element][class] 快吗？

Question

我知道这很挑剔，但我正在使用一个编辑器，它检查 CSS 并不断提示

don't use adjoining classes > e.g.  .foo.bar

我忽略了警告，但它让我很好奇并且在上面找不到任何东西。假设我有:

  <ul class="foo bar"></ul>

哪个 CSS 选择器更快:

  ul.foo
  .bar.foo

我知道选择器是从右到左工作的，所以在这两种情况下 foo 将首先被选中，之后浏览器必须找到选择中的所有 ul( ？)或所有 .bar 元素(？)。

问题:
在 CSS 中，[class][class] 是否比 [element][class] 快？

谢谢!

Answer 1

只是为了完整起见:为什么 css lint 会报错？
回答:相邻类不适用于某些非常旧的浏览器。

引自 http://csslint.net/about.html :

Don't use adjoining classes

Adjoining classes look like .foo.bar. While technically allowed in CSS, these aren't handled properly by Internet Explorer 6 and earlier.