Skip to main content
BEM

BEM

8.9
A way to name parts of a web page so styles stay clear and reusable
  • noun
  • Specialized
translation icon : BEM
  • Many developers use BEM to keep their CSS code organized and easy to maintain.

Examples

  • Learning BEM helped the team avoid confusing and conflicting class names in their stylesheets.

  • The project guidelines recommend following the BEM convention for all new components.

  • The BEM methodology helps developers maintain clean code.

  • Can you explain what BEM stands for?

  • Many developers use BEM to keep their CSS code organized and easy to maintain.

  • The project guidelines recommend following the BEM convention for all new components.

  • Learning BEM helped the team avoid confusing and conflicting class names in their stylesheets.

How Specific

BEM
  • Specialized
8.9
inline
1 3.9
style sheet
  • Specialized
3 3.7
theme
  • Specialized
122 3.5
skin
  • Specialized
45 5.1

Surface Forms

BEM singular
BEMs plural

Etymology

BEM stands for Block Element Modifier, a name made from the first letters of those three words to show its parts. That's why developers use BEM to make clear, reusable class names in CSS.