9、避免子孫選擇符 子孫選擇符是CSS中最耗資源的選擇符。他真的是非常的耗資源,尤其是在選擇器使用標(biāo)簽類或通用類的時(shí)候。很多情況中,我們真正想要的是子選擇符。除非有明確說明,在 UI CSS 中是嚴(yán)禁使用子孫選擇符的。 * 不贊成 - treehead treerow treecell { } * 好一點(diǎn),但還是不行(參照下一條) - treehead > treerow > treecell { }
10、標(biāo)簽類中不要包含子選擇符 不要在標(biāo)簽類中使用子選擇符。否則,每次元素的出現(xiàn),都會(huì)額外地增加匹配時(shí)間。(特別是當(dāng)選擇器似乎多半會(huì)被匹配的情況下) * 不贊成 - treehead > treerow > treecell { } * 建議用 - .treecell-header { }
11、留意所有子選擇符的使用 小心地使用子選擇符。如果你能想出一個(gè)的不使用他的方法,那么就不要使用。特別是在 RDF 樹和菜單會(huì)頻繁地使用子選擇符,像這樣。 * 不贊成 - treeitem[IsImapServer=”true”] > treerow > .tree-folderpane-icon { } 請(qǐng)記住 RDF 的屬性是可以在模板中被復(fù)制的!利用這一點(diǎn),我們可以復(fù)制那些想基于該屬性改變的子 XUL 元素上的 RDF 屬性。 * 建議用 - .tree-folderpane-icon[IsImapServer=”true”] { }
上一頁 [1] [2] |