BEM: Block Element Modifier - Link
BEM is a naming convention standard for CSS class names. It has fairly wide adoption and is immensely useful in writing CSS that is easier to read, understand, and scale.
OOCSS: Object Oriented CSS - Link
Object Oriented CSS (OOCSS), an approach made popular by the work of Nicole Sullivan. The basic idea of OOCSS is to separate your CSS into reusable objects, which can be used anywhere you need on your site.
SMACSS - Link
SMACSS stands for Scalable and Modular Architecture for CSS. It is a CSS style-guide which follows five categories:
- Base
- Layout
- Module
- State
- Theme
SUITCSS - Link
A "reliable and testable" styling methodology for component-based UI development. A collection of CSS packages and build tools are also available as modules.
Specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of different sorts of CSS selectors.