今天小编跟大家讲解下有关渲染CSS选择器 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关渲染CSS选择器 的相关资料，希望小伙伴们看了有所帮助。
最近在High Performance Web Sites blog看到一篇关于css选择器的文章《Simplifying CSS Selectors》 我英文太差 在翻译软件和朋友的帮助下稍微的看懂了一些 看本文需要谨慎 谨防被我误导 如果你英文强 能翻译作者原文那就更好了 大家都会感谢你的；
看懂的整理了如下几点：
1.作者先前的文章里说：不用去优化CSS选择器 因为优化CSS选择器对网友的性能提升很小 不值得去计较；这个观点似乎有点不对 作者收到了很多批评的反馈；2.David Hyatt的文章《Writing Efficient CSS for use in the Mozilla UI》中提到的一条CSS渲染规则是：在一条css中 css选择器是从最右边开始之后依次向左移动的 直到它不匹配CSS规则或匹配错误；所以我们的工作重点应该放在最右侧的CSS选择器来匹配大量的页面的元素。
比如这样一个css选择器：div div divp a.class0007 {}这个选择器有5层 貌似很负责的 但是最右边的选择器是A.class0007 在页面中只有一个匹配的元素逆向匹配（.class0007）；
所以这样的选择器不用担心他的性能；
3.当然还有一些性能不好的css选择器：
A.class0007 * {}
A.class0007 DIV {}
#id0007 > A {}
.class0007 [href] {}
DIV:first-child {}
这些性能不好的css选择器主要是因为在最右边的选择器可以匹配的元素很多 从而降低了页面的性能。
来源：爱蒂网
