Naming Things: BEM and Component Classes

BEM names every class after the component it belongs to, as block__element--modifier, so selectors stay flat and low-scoring and anyone on a team can find, change and reuse a component's styles.

Updated

Cheat sheet: Naming Things: BEM and Component Classes
Category
CSS
Level
Journeyman
Tags
@scope, BEM, CSS, CSS architecture, Scoped styles (css), Specificity strategy, web-development