CSS & Frontend

BEM

/bem/

Definition

Block Element Modifier — a CSS naming convention using double underscores and hyphens for predictable, component-based class names.

Example in context

"card__title--highlighted follows BEM: card is the block, title is the element, highlighted is the modifier."

Related terms

Practice this term

Master BEM in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.