Организация CSS по BEM (БЭМ - блок, элемент, модификатор)

ВАЖНОЕ УТОЧНЕНИЕ: в видео периодически звучит утверждение, что блок не может быть внутри другого блока. Имеется ввиду, что мы не создаём селекторов вида блок__блок__элемент-модификатор. Когда во время вебинара задавали вопросы относительно вложенности блока в блок и т.п., я считал, что спрашивают именно про иерархию в селекторах. Потому что очевидно, что в HTML эта вложенность 100% будет.

Содержание. Подходы к организации CSS-кода. Вложенные селекторы vs БЭМ. Блок__элемент-модификатор. Плюсы и минусы БЭМ. БЭМ и препроцессоры. Ужасы БЭМ на примере лендинга. Выгода БЭМ на примере небольшого сайта.

Ссылка из конца видео: http://smartgrid.dmitrylavrik.ru/ Скоро новый поток!