끝의 앰퍼샌드 (&)와 SASS의 선택자

Question

나는 어려움을 겪고 있습니다. 작동하지 않는 분명히

@mixin button-variant($color, $background, $border) 
    { 
     ... 
     .foreverAlone{ 
      ... 
     } 

     .iThink .illNeverWork& { 

      color: $pinkUnicornRainbow; 
      ... 
     } 
    } 

: D 내가 같은 것을 생성하고 싶습니다 :

.callerClass .foreverAlone{ 
    ... 
} 

.callerClass .iThink .illNeverWork.callerClass{ 

    color: #123ABC; 
    ... 
} 

을 나는 (일부 이하 말대꾸하는 포트에 시도 인)이 믹스 인을 mixin은 다양한 div 클래스 내부에서 호출되므로 static (쉽게) 할 수 없습니다.

일부 Sass 전문가의 해결 방법이 있습니까 (아니면 프로가 아니지만 나보다 똑똑한가요?). 관심과 솔루션 공유에 감사드립니다.

말대꾸 버전 3.2 이상에 대한

Answer 1

, 이러한 부모의 선택 사용할 수있는 유효한 방법 모두 : 말대꾸 3.3으로

.foo { 
    &, &.bar, &#bar, &:after, &[active] { 
     color: red; 
    } 
} 

.foo { 
    .bar & { 
     color: red; 
    } 
} 

는,이 유효합니다 말대꾸의로

.foo { 
    &bar, &-bar { 
     color: red; 
    } 
} 

3.4, 유효 :

.foo { 
    $foo: &; 
    @at-root bar#{&} { 
     color: red; 
    } 
}