SASS : 부모 클래스에 따른 하위 클래스

Question

상위 요소 클래스를 확인할 수있는 방법이 있습니까 & 하위 요소 클래스 속성을 변경 하시겠습니까?

if parentClass { 
    h1{color: red;} 
} else if parentClass2 { 
    h1{color: blue;} 
} 

는 CSS처럼되고 싶어 : 같은

뭔가 부모 클래스의 이름은 자식 클래스의 속성을 변경하는 경우

.parentClass h1 { 
    color: red; 
} 
.parentClass h2 { 
    color: blue; 
} 

따라서도 변경됩니다. 사전 :)에서

감사

는

Answer 1

당신은 그 경우에 @if 문을 사용할 수 있지만,이

h1 { 
    color: red; 

    .parent-1 & { 
    color: blue; 
    } 

    .parent-2 & { 
    color: yellow; 
    } 
} 

같은 것을 할 수있는 출력을위한

h1 { 
    color: red; 
} 

.parent-1 h1 { 
    color: blue; 
} 

.parent-2 h1 { 
    color: yellow; 
}