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”] { }

上一页  [1] [2]