SCSS/말대꾸 - 부모 참조 문은하지

Question

.a, .b 
{ 
    color: red; 

    $x: &; 

    @if $x == '.b' 
    { 
    color: $x; 
    } 


} 

http://sassmeister.com/gist/ad7fa7f3a431f3e2d4e0

이 작동하지 작업, 왜? 좀 고칠 수있는 사람 좀 도와 주시겠습니까?

Answer 1

$x은 전체 선택기 (.a, .b)와 같으므로 .a 또는 .b이 아닙니다.

.a, .b { 
    color: red; 

    &.b { 
    color: blue; 
    } 
} 

그러나이 코드를 생성합니다 (작업하지만, 최적화되지 않음) : 당신이 될 것이다 달성하기 위해 노력하고 무엇

.a, .b { 
    color: red; 
} 
.a.b, .b.b { 
    color: blue; 
}