Is it possible to place class selectors inside the class selector of the parent?

Question

css

I write styles in SCSS. There is, for example, a .catalogue__materials-sorter material sorter with .catalogue__materials-sorter__option buttons inside it (in HTML). I write:

.catalogue__materials-sorter {
  //...

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

In this case, the button blocks cannot be used in any other place except inside the sorter, and it’s more convenient for me to write in the IDE in this way - in a cascade, so that it’s clear what goes where and can be collapsed.
Is this welcome? Or then already remove the classes from the buttons and select them simply as a > div inside the parent?

Answer 1

You can write &__option
, and you will like it and the styles will be right

Answer 2

> div is not needed, you have BEM, as it were.
Via & normal theme. Moreover, then you will collect everything as it should