Методология BEM (Block, Element, Modifier) — это подход к написанию CSS, который помогает создавать переиспользуемые и масштабируемые стили.

Block (Блок): независимый компонент, например, menu, button.
Element (Элемент): часть блока, которая не может существовать отдельно, например, menu__item, button__icon.
Modifier (Модификатор): вариант блока или элемента, который изменяет внешний вид или поведение, например, button--disabled, menu__item--active.

Пример использования классов по BEM:

<div class="menu">
  <a class="menu__item menu__item--active" href="#">Home</a>
  <a class="menu__item" href="#">About</a>
</div>

Такой подход облегчает понимание структуры и поддержку CSS, снижает вероятность конфликтов стилей и улучшает читаемость кода.

Что такое методология BEM в CSS?