* 對于通用元素使用 class ，這樣利于渲染性能的優化。 * 對于經常出現的組件，避免使用屬性選擇器（例如，`[class^="..."]`）。瀏覽器的性能會受到這些因素的影響。 * 選擇器要盡可能短，并且盡量限制組成選擇器的元素個數，建議不要超過 3 。 * **只有**在必要的時候才將 class 限制在最近的父元素內（也就是后代選擇器）（例如，不使用帶前綴的 class 時 -- 前綴類似于命名空間）。 擴展閱讀： * [Scope CSS classes with prefixes](http://markdotto.com/2012/02/16/scope-css-classes-with-prefixes/) * [Stop the cascade](http://markdotto.com/2012/03/02/stop-the-cascade/) ~~~ /* Bad example */ span { ... } .page-container #stream .stream-item .tweet .tweet-header .username { ... } .avatar { ... } /* Good example */ .avatar { ... } .tweet-header .username { ... } .tweet .avatar { ... } ~~~