Bem - бем

bem.js

.button - общий клас
.button .button_red - модификатор (например добавляется клас background-color: red)


1) Несколько слов в одном названии разделяются дефисом (например, блок main-page или my-super-main-list)

2) Элементы отделяются от блоков с использованием двух символов подчеркивания, например main-page__header или my-syper-main-list__item
3) Модификаторы отделяются одним символом подчеркивания "_" (main-page__header_strong или my-super-main-list_blue)

Префиксы

g- (global) префикс для глобальных классов (например, для задания невидимых элементов g-hidden)
b- (block) префикс для выделения элеметов, относящихся к структуре документа.
js (JavaScript) префикс для выделения элементов для селекторов js