Block Element Modifier – Building with meaningful classnames

BEM

Block Element Modifier

.block {}
.block__element {}
.block__element--modifier {}

BLOCK

Standalone component ie Section or Article.

ie recipe

Element

Part of a block that has no standalone meaning.

ie recipe__ingredients

modifier

A different version of a block or an element.

ie btn–round