#nested #bem
Вопрос:
Я искал информацию о том, как структурировать классы CSS в соответствии с BEM. Почти во всех ресурсах я нашел такие примеры, как:
.block {}
.block__element1 {}
.block__element2 {}
Я все еще удивляюсь, почему это хорошая практика… Для меня более логично следующее:
.block {}
.block .block__element1 {}
.block .block__element2 {}
поскольку элементы являются частями блока и не имеют самостоятельного значения. Любой элемент семантически привязан к своему блоку. Можем ли мы использовать блочные элементы без блока?