CSS元素选择器是怎样运作的？( 二 ) 来源:微信公众号:前端先锋作者

没有设定 ID
tag 及 class 必须完全一致
没有设定 style 属性
? + :first-child

由于上面的条件，以及前面讨论到的 CSS 运算过程，编写 CSS 时也有几个地方可以稍微留心一下：

由于样式规则的目标属性会分组存放， id 选择器效率非常高，所以是不能与其他条件混用的。
不要写过深的 CSS 样式规则
能不用 inline style 就不要用，除了难以维护外，由于是存在于 DOM 树上，无法预先与其他样式合并计算，所以效率也会大打折扣

如果能够注意到这类典型的小细节， CSS 效率自然也可以大幅提升。
认识了 CSS 选择器之后，你一定会很好奇， JavaScript 的元素选择器又是怎么回事呢？这个问题可以参考 jQuery 的源码(#L157) ，它是由左到右的解析，至为什么为什么不一样，其实在文中也有答案，就留给你思考挖掘吧。
来源:微信公众号:前端先锋
作者:疯狂的技术宅
出处:;mid=2247494653&idx=1&sn=7fde154e105ae345326a1caf6d490eee