Как обратится к нужному классу?

Question

[Макс Жуков]

Есть к примеру классы:
.btn,.obr{
display:block;
// что-то типо для .btn {
//font-size: 24px;
//}
}
и мне нужно внутри обратиться только к .btn, чтобы не писать отдельно для него а написать внутри скобок
и чтобы на выходи компиляции получилось
.btn,.obr{
display:block;
}
.btn {
font-size: 24px;
}

Comments

[Дмитрий Лузанов]

По моему скромному мнение, лучше, чище и понятнее от такого подхода не станет. Количество скобок останется, только добавится еще один уровень вложенности, который будет сбивать с толку.

[Макс Жуков]

Predve4niy, Я просто думал там не через @at-root а как-то лучше реализовано, типо как обращение к предыдущему классу &, так и к тому что мне нужно через знак)

Answer 1

[andead]

.btn,
.obr {
  display:block;
  @at-root {
    .btn {
      font-size: 24px;
    }
  }
}

https://sass-scss.ru/documentation/pravila_i_direk...