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

Question

[BB 8]

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

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

.block__element1_mod1_mod2_mod3

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

.block__element1_mod1 .block-element1_mod2 .block-element1_mod3

Answer 1

[Lumore]

. block__element1_mod1_mod2_mod3 - в таком случае вам нужно будет дублировать код со всех классов, и когда нужно будет исключить стили .block-element1_mod3, вы будете вынуждены прибегать к костылям, либо создавать новый класс без ненужных вам стилей.
А в формате

.block__element1_mod1 .block-element1_mod2 .block-element1_mod3

у вас уже есть три варианта, которые можно использовать по разному.

Comments

[BB 8]

Спасибо

Answer 2

[Евгений Калибров]

Согласен с 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>
<!-- и т.д. -->

Comments

[BB 8]

Спасибо