Модификатор блока или элемента

Форум /

Здравствуйте. Небольшая дилемма. Есть элемент блока, содержащий еще несколько элементов. Отображение внутренних элементов может меняться в зав-ти от их количества. В итоге у меня 2 варианта:

<div class="block__item1">
<div class="block__item2 block__item2_type_multi">
</div>
<div  class="block__item2 block__item2_type_multi">
</div>
<div  class="block__item2 block__item2_type_multi">
</div>
<div  class="block__item2 block__item2_type_multi">
</div>
</div>

или

<div class="block__item1 block__item1_type_multi">
<div class="block__item2">
</div>
<div  class="block__item2">
</div>
<div  class="block__item2">
</div>
<div  class="block__item2">
</div>
</div>

Второй вариант красивее, но потребует использования в css конструкции типа .block__item1_type_multi .block__item2 {} Как лучше поступить?

PS: если block__item1 смиксовать в блок, то вопрос, в принципе, останется такой же..

8 years ago

oficrejosef

https://ru.bem.info/methodology/css/#Вложенные-селекторы ознакомился. Но все же хотелось бы и от профессионалов услышать ответ :)

8 years ago

belozer

@oficrejosef и тот и другой вариант приемлемы, но в своей практике всегда придерживался 2-го варианта, т.к. правильно замечено, что он красивее и проще.

Первый вариант будет уместен, если нужно сделать какой-то один элемент отличным от других.

Чтобы оставлять комментарии, необходимо авторизоваться.