• PPT：Taming CSS Selectors
• 作者：Nicole Sullivan
• 翻譯：ytzong

CSS 文件的大小和所引起的 HTTP 的請求數

是 CSS 性能的最關鍵因素

回流(reflow)和渲染時間

(非常！)沒那么重要

副本(duplication)比陳舊的規則(stale rules)更糟糕

因為我們有工具處理后者

定義缺省值

不要在每處都重復編碼

不好的：

#weatherModule h3{color:red;}
#tabs h3{color:blue;}

推薦：

h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}

用單獨的 class 來定義結構

不要在每處都重復編碼

使用 class

而不是元素選擇器

不好的：

div.error{...}

推薦：

.error{絕大多數代碼寫在這里}
div.error{單獨定義}
p.error{單獨定義}
em.error{單獨定義}