HTML/CSSAdvanced#css#methodology

What are other CSS methodologies besides BEM (OOCSS, SMACSS, ITCSS)?

OOCSS (Object-Oriented CSS) separates structure from skin for reusable objects. SMACSS categorizes rules into Base, Layout, Module, State, Theme. ITCSS (Inverted Triangle CSS) organizes stylesheets from generic (settings, tools) to specific (components, overrides) to manage specificity growth.

Example
/* OOCSS: separate structure and skin */
.btn { padding: 10px 20px; border-radius: 4px; } /* structure */
.btn-primary { background: blue; color: white; } /* skin */

Related Questions

1
HTML/CSSIntermediate#css#sass

What are CSS preprocessors and what problems do they solve?

Open
2
HTML/CSSAdvanced#css#sass

What is the difference between a Sass mixin and a placeholder/extend?

Open
3
HTML/CSSBeginner#css#tailwind

What is Tailwind CSS and how does it differ from writing custom CSS?

Open