Что означают термины "Блок", "Элемент" и "Модификатор" в методологии БЭМ?

Question

В методологии БЭМ:"Блок" — это независимый компонент, например, кнопка или меню. "Элемент" — это часть блока, которая не может существовать отдельно, например, текст внутри кнопки. "Модификатор" — это состояние или версия блока или элемента, например, кнопка с дополнительным классом для изменения цвета.

YeaHub · Accepted Answer

БЭМ — это методология, разработанная для упрощения разработки и поддержки кода.Блок представляет собой независимый компонент интерфейса. Например, button, form или header могут быть блоками. Они могут содержать элементы, но могут существовать сами по себе.Элемент — это составная часть блока, которая имеет смысл только в контексте своего блока. Например, button__icon или form__input. Элементы определяются двумя подчеркиваниями после имени блока.Модификатор используется для изменения состояния блока или элемента. Например, button--active или form__input--error. Он описывает различные вариации или состояния блока/элемента и отделяется двумя дефисами.Использование БЭМ позволяет создать четкую иерархию стилей, что упрощает поддержку и масштабирование проектов.