Как с помощью миксина или функции SCSS задать свойство элементу, если он находится внутри элемента с определённым классом?

Question

[Serj-One]

Примерное представление того, что я хочу получить

@mixin alt{
   // Что написать здесь, чтоб получить результат, описанный далее ?
}

.test{
  background: red;
  @include alt{
    background: green;
  }
}

.test{background: red}
.alt .test{background: green}

Answer 1

[Михаил]

https://www.sassmeister.com/gist/02a5a21b685de4e02...

Антон Литвиненко

@mixin alt {
    .alt & {
      @content;
    }
}

.test{
  background: red;
  @include alt{
    background: green;
  }
}

Оно?

Comments

[Антон Литвиненко]

я не проверял, но видимо оно, не знал что оно так умеет

[Serj-One]

Да, спасибо. Собственно, мой вариант ниже был очень близок, но я немного не дожал.

@mixin alt{
  .alt{
    & {
      @content;
    }
  }
}

.tmp{
  background: red;
  @include alt{
    background: green;
  }
}