search

bem-site / bem-forum-content-ru

Content BEM forum for Russian speak users
MIT License
56 stars 6 forks source link

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

Open oficrejosef opened 7 years ago

oficrejosef commented 7 years ago

Здравствуйте. Небольшая дилемма. Есть элемент блока, содержащий еще несколько элементов. Отображение внутренних элементов может меняться в зав-ти от их количества. В итоге у меня 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 смиксовать в блок, то вопрос, в принципе, останется такой же..

oficrejosef commented 7 years ago

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

belozer commented 7 years ago

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

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