Урок 45. Ресурсы: БЭМ: block__element--modifier

📁 Раздел: Организация CSS ⏱️ Время изучения: ~70 мин 🎯 Сложность: Средняя

⚡ Кратко

БЭМ помогает называть CSS-классы так, чтобы компонент был переносимым: block — самостоятельная сущность, element — часть блока, modifier — вариант состояния или вида. Формат: block__element--modifier.

Документация

getbem.com — BEM naming — официальное соглашение об именовании.
getbem.com — введение в BEM — block, element, modifier на примерах.
bem.info — Quick start — методология от авторов (Яндекс).
MDN: Specificity — почему плоские классы проще переопределять.
MDN: Селекторы CSS — базовая теория селекторов.

Урок 45. Ресурсы: БЭМ: block__element--modifier

⚡ Кратко

Документация

Локальное повторение

Навигация