提高CSS的网页渲染效率11个注意点

　　8、尽量选择最特殊的类来存放选择器

　　降低系统效率的一个最大原因是我们在标签类中用了过多的选择符。通过添加 class 到元素，我们可以将类别进行再细分为 class 类，这样就不用为了一个标签浪费时间去匹配过多的选择符了。
　　* 不赞成 - treeitem[mailfolder="true"] > treerow > treecell { }
　　* 建议用 - .treecell-mailfolder { }

　　9、避免子孙选择符

　　子孙选择符是CSS中最耗资源的选择符。他真的是非常的耗资源，尤其是在选择器使用标签类或通用类的时候。很多情况中，我们真正想要的是子选择符。除非有明确说明，在 UI CSS 中是严禁使用子孙选择符的。
　　* 不赞成 - treehead treerow treecell { }
　　* 好一点，但还是不行(参照下一条) - treehead > treerow > treecell { }

　　10、标签类中不要包含子选择符

　　不要在标签类中使用子选择符。否则，每次元素的出现，都会额外地增加匹配时间。（特别是当选择器似乎多半会被匹配的情况下）
　　* 不赞成 - treehead > treerow > treecell { }
　　* 建议用 - .treecell-header { }

　　11、留意所有子选择符的使用

　　小心地使用子选择符。如果你能想出一个的不使用他的方法，那么就不要使用。特别是在 RDF 树和菜单会频繁地使用子选择符，像这样。
　　* 不赞成 - treeitem[IsImapServer="true"] > treerow > .tree-folderpane-icon { }
　　请记住 RDF 的属性是可以在模板中被复制的！利用这一点，我们可以复制那些想基于该属性改变的子 XUL 元素上的 RDF 属性。
　　* 建议用 - .tree-folderpane-icon[IsImapServer="true"] { }

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!