fruity4pie
@fruity4pie
A

БЭМ модификаторы?

Доброе утро! :)

подскажите пожалуйста, можно ли использовать модификаторы вот таким образом:

.block__element1_mod1_mod2_mod3

или же только так и никак иначе:

.block__element1_mod1 .block-element1_mod2 .block-element1_mod3
  • Вопрос задан
  • 123 просмотра
Решения вопроса 2
Lumore
@Lumore
Front-end developer
. block__element1_mod1_mod2_mod3 - в таком случае вам нужно будет дублировать код со всех классов, и когда нужно будет исключить стили .block-element1_mod3, вы будете вынуждены прибегать к костылям, либо создавать новый класс без ненужных вам стилей.
А в формате
.block__element1_mod1 .block-element1_mod2 .block-element1_mod3
у вас уже есть три варианта, которые можно использовать по разному.
Ответ написан
rework
@rework
Помог ответ? В благодарность отметь его решением
Согласен с Lumore . Можно так же выделить отдельно базовые стили относящиеся ко всем модификациям элемента в основной класс .block__element1

И применять классы таким образом, в зависимости от задачи:

<div class="block__element1 block__element1_mod1">...</div>
<div class="block__element1 block__element1_mod2">...</div>
<div class="block__element1 block__element1_mod1 block__element1_mod3">...</div>
<!-- и т.д. -->
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы