Допустимо ли в БЭМ блоку с модификатором использовать каскад для элементов?

У меня есть блок .products-item, в нем есть элементы .products-item__footer, .products-item__price, .products-item__info.
Для которых описаны свои стили.
Есть модификатор .products-item--lg который увеличивает ширину блока в два раза и мне нужно для элементов так же модифицировать некоторые стили.
Допустимо ли использовать в этом случает каскад типа:
.products-item--lg .products-item__footer {}
.products-item--lg .products-item__price{}
.products-item--lg .products-item__info{}
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Да, допустимо. И вот собственно комментарий по этому вопросу из последнего БЭМапа https://youtu.be/sX8xQrwk6ko?t=45m30s
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
jt3k
@jt3k
Фронтендер, люблю работать и получать удовольствия
Это одна из киллерфитч бэма, когда изменяя модификатор у блока можно менять его елементы.

Таким образом например делаются темы для блока, или состояния
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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