@Stepan1998

Как в БЭМ называют вложенные элементы во вложенных?

Есть блок
.user
  .user__header
  .user__info
    .user__info-photo
        .user__info-photo__img
    .user__info-name
       .user__info-name__header
       .user__info-name__text
       .user__info-name__btn

Как правильно должны называться классы у
.user__info-photo__img
.user__info-name__header
.user__info-name__text
.user__info-name__btn
  • Вопрос задан
  • 239 просмотров
Решения вопроса 3
delphinpro
@delphinpro
frontend developer
Блин, да прочитайте вы уже это https://ru.bem.info/methodology/
Хотя бы первые пять разделов и это https://ru.bem.info/methodology/faq/
99% вопросов отпадут сами собой
Ответ написан
wapster92
@wapster92
Не может быть у элемента элементов, либо создаешь новый элемент или новый блок.
.user__img
.user__header
.user__text
.user__btn

А так вопрос из разряда, прочтите за меня документацию в которой все разжевано
Ответ написан
@Spaceoddity
1.
.user__info-photo-img
т.е. блок у вас один (самого верхнего уровня), всё-остальное элементы.

2.
.user-info
.user-info-photo
.user-info-photo__img

или же как и в п.1:
.user__info-photo-img
т.е. можете наплодить блоков, элементы именовать по семантике, смотря какой блок у вас будет в основном переиспользоваться.

3.
.user
.user__header
.user__info
.user__info-photo .photo-info
.photo-info__img

самый корректный, но самый длинный - элементам которые сами являются блоками, навешивать новый класс (в контексте содержимого именно этого блока), ну и их дочерним элементам - соответствующие классы.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы