SASS에서 BEM 구문에 오류가 발생했습니다.

Question

SASS에서 "수정 자"및 "요소"BEM 구문을 사용하려고합니다.

.second-title{ 
    background-color:green; 

    &--touched{ 
    background-color:black; 
    } 

    &__left{ 
    background-color:red; 
    } 
} 

CSS 파일이 제대로 컴파일하지만 실행하려고하면 나침반은 다음과 같은 오류가 발생합니다 "꿀꿀 봉사"

이 방법을 부모 선택기를 사용하려면

Syntax error: Invalid CSS after \" &-\": expected number or function, was \"-touched{\"\A on line 71 of D:/webdev/angularjs/ang-snapscan/app/styles/mobilestyle.scss"; 

Answer 1

, 당신이 말대꾸를 사용할 필요를 3.3 : 당신이 이전 버전을 사용 붙어있는 경우

http://thesassway.com/news/sass-3-3-released#parent-selector-suffixes

, 당신이 시도 할 수 :

$module: 'second-title'; 

.second-title { 
    background-color:green; 
} 

.#{$module}--touched{ 
    background-color:black; 
} 

.#{$module}__left{ 
background-color:red; 
}