Please enable JavaScript.
Coggle requires JavaScript to display documents.
Методология БЭМ - Coggle Diagram
Методология БЭМ
Правила формирования
имени БЭМ-сущности
Имена БЭМ-сущностей записываются с помощью цифр и латинских букв в нижнем регистре
Элемент отделяется от блока двумя подчеркиваниями (_
). Модификатор — одним (
).
Для разделения слов в именах используется дефис (-).
CSS-свойства для блоков, элементов и модификаторов описываются только через классы.
Каждая БЭМ-сущность должна иметь свой класс.
Шаблон именования блоков: название-блока__название-элемента
Шаблон именования модификатора: название-блока_
название-элемента
состояние
Блок
Самодостаточный
Состоит из элементов
Можно вкладывать друг в друга
Элемент
Может быть только внутри своего блока
блок не обязательно должен содержать элемент
не рекомендуется создавать элементы элементов
Модификатор
Свойство блока или элемента, которое меняет их внешний вид, состояние или поведение
Отвечает на вопросы "Какой? Как выглядит? Состояние"
Шаблон именования модификатора: название-блока_
название-элемента
состояние
Правила именования CSS-селекторов