Зачем вложенность в scss если есть БЭМ?

Question

[urajo]

На всех курсах часто учат минимально использовать большое кол-во селекторов, БЭМ отлично дает возможность сделать block__element и обращаться так, т.е по факту использовать 1 класс.
Но при использование вложенности scss формируется длинный селектор. Как лучше тогда? Использовать бэм или scss

Comments

[Сергей delphinpro]

Использовать БЭМ в scss правильно

[Сергей delphinpro]

Кроме того, scss – это не только вложенность. Далеко не только.

Answer 1

[Алексей Уколов]

Вложенность в SASS как раз позволяет удобно делать БЭМ-селекторы:

.block {
  foo: bar;

  &_element {
    bar: baz;
  }
}

Но при использование вложенности scss формируется длинный селектор

Сам факт использования SASS никак на сложность селекторов не влияет. Результат зависит от исходного кода, а не от инструмента компиляции.
Да, SASS позволяет навертеть селекторы, если не быть осторожным и писать бездумно, но он к этому не обязывает.