武林網(www.49028c.com)文章簡介：在OOCSS中怎么定義“對象”？

原文：（翻譯時為Version 28）
翻譯：ytzong

在OOCSS中怎么定義“對象”？

對象類似JAVA中的類，保持著OO的特征。

一個CSS對象由4部分組成：

這可能令人費解，因為每個CSS class不是其自身必要的對象，但可以是一個wrapper class的一個部件。比如：

<div class="mod">
        <div class="inner">
                <div class="hd">Block Head</div>
                <div class="bd">Block Body</div>
                <div class="ft">Block Foot</div>
        </div>
</div>

對象是一個class為mod的模塊。包括4個部件節點（不能獨立于模塊外，包括2個區塊，inner和body，和兩個可選擇的區塊，head和foot）

OOCSS如何提升性能？

OOCSS具有雙倍的性能優勢：

要用ID來對內容寫樣式嗎？

當你在同一頁面（或者同一站點同時緩存良好）復用一個對象時，這是性能的“免費贈品”。用ID來寫樣式在同一頁面中只能使用一次。@cgriego (twitter) 拿它與singletons比較過，我認為非常精確?？赡苡行┣闆r下你要用ID定義樣式，比如非常特殊的 header menus，此時你可以在用ID來沙箱（譯注：動名詞）特殊元素并確保此處的代碼不會影響站點的其它地方。選擇ID而非class前要三思，隨著站點的發展，真的很難預料其他人會怎么處理依據你的CSS所構建的HTML。如有選擇的余地，盡可能的考慮擴展性。

我正在考慮移除模板head, body, foot中的ID。某些人或許有多個主區域。站點的多個header 和 footer更難以猜測，但我敢打賭肯定有設計師會這樣想，所以ID很可能會消失（不太順，看原文：Someone could have multiple main content areas. Multiple site headers and footers are more difficult to imagine, but I bet there is a designer who can dream up something like that, so the IDs are very likely to disappear.）。

另一方面，ID hooks are great for linking。放在HTML中，不過別用它們來寫樣式。