Можно ли размещать селекторы класса внутри селектора класса родителя?

Question

[Посторонним В.]

Пишу стили в SCSS. Есть вот, например, сортировщик материалов .catalogue__materials-sorter с кнопками .catalogue__materials-sorter__option внутри него (в HTML). Я пишу:

.catalogue__materials-sorter {
  //...

  .catalogue__materials-sorter__option {
    //...
  }
}

В этом случае блоки кнопок ни в каком другом месте, кроме как внутри сортировщика использоваться не могут, и мне в IDE удобнее писать именно так - каскадно, чтоб было видно, что куда относиться и можно было свернуть.
Приветствуется ли такое? Или тогда уже убрать классы у кнопок и выбирать их просто как > div внутри родителя?

Comments

[Алекс Глебов]

не приветствуется
и класс можно сократить .catalogue__option

Answer 1

[Froggyweb]

Можно написать &__option
,и тебе понравится и стили будут как надо

Answer 2

[Андрей]

> div не нужно, у тебя как бы БЭМ.
Через & нормальная тема. Тем более у тебя потом все само как нужно гулп соберет