Ответ
БЭМ (Блок, Элемент, Модификатор) — методология именования классов в 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>
Преимущества: избегание конфликтов стилей, простое поддержание кода, модульность.