Что такое методология БЭМ (BEM)

Ответ

БЭМ (Блок, Элемент, Модификатор) — методология именования классов в CSS для создания масштабируемых и переиспользуемых компонентов.

Блок — независимый компонент (например, header, menu).
Элемент — часть блока, которая не имеет смысла вне его (например, header__logo).
Модификатор — изменяет внешний вид или поведение блока/элемента (например, button--disabled).

Пример:

<div class="card card--highlight">
  <div class="card__image"></div>
  <h2 class="card__title">Заголовок</h2>
  <p class="card__description">Описание</p>
</div>

Преимущества: избегание конфликтов стилей, простое поддержание кода, модульность.