Я не вижу преимущества использования BEM, например, в следующем примере:
HTML
-----------
<!-- without BEM -->
<div class="block1">
<span class="element"></span>
</div>
<!-- BEM -->
<div class="block1">
<span class="block1__element"></span>
</div>
CSS
-----------
.block1 .element { color: red; } // without BEM
.block1__element { color: red; } // BEM
.block1 .element.bigger { font-size: 20px; } // without BEM
.block1__element--bigger { font-size: 20px; } // BEM
Итак, HTML с BEM больше.CSS - почти то же самое количество
- , кроме одного селектора вместо двух, есть ли еще какое-то преимущество использования BEM?
- Есть ли преимущество наличия одного селектора вместо двух?
Какой смысл использовать БЭМ?