OOCSS、SMACSS、BEM、CSS Modules、CSS in JS … 這些規範（或稱心法、解法）存在的目的都是為了讓程式碼易懂、可重用，進而有效率地開發和維護。
OOCSS（Object Oriented CSS）
兩個原則
Separation of Structure from Skin：分離結構與樣式。結構像是元素的大小，樣式像是顏色等。
Separation of Containers and Content：分離 HTML 與 CSS，意即盡量將可共用的樣式提取到單獨的 class 以供使用。
白話文解釋就是「使用 class 撰寫樣式，每個 class 有其各自用途」。
例如
OOCSS（Object Oriented CSS）
兩個原則
Separation of Structure from Skin：分離結構與樣式。結構像是元素的大小，樣式像是顏色等。
Separation of Containers and Content：分離 HTML 與 CSS，意即盡量將可共用的樣式提取到單獨的 class 以供使用。
白話文解釋就是「使用 class 撰寫樣式，每個 class 有其各自用途」。
例如
