제거 공간

Question

나는 다음과 같은 한 : 그러나

div .demo { color: #000; } 

, 나는 요소와 클래스 사이의 공간없이 출력이 필요합니다 출력이

div { 
    .demo { 
     color: #000; 
    } 
} 

:

div.demo { color: #000; } 

SASS Nes를 사용하여이를 수행 할 수있는 방법이 있습니까? 팅?

Answer 1

Use & to combine a selector with its parent:

div { 
    &.demo { 
     color: #000; 
    } 
} 

Answer 2

이를 달성하기 위해 .demo 앞에 앰퍼샌드를 사용할 수 있습니다.

div { 
    &.demo { 
     color: #000; 
    } 
} 

앰퍼샌드 문자는 부모 요소의 자리 표시 자입니다.