접두사를 사용하여 Sass가 작동하지 않습니다.

Question

현재 작은 문제가 있습니다. 아래 그림과 같이

현재 스타일 환경 설정의 시리즈를 포함하는 SCSS 파일이 있습니다

.login-scene { 
    display: table; 
    width: 100%; 
    height: 100vh; 
} 


.login-language { 
    padding-top: 12px; 
} 

.login-button { 
    margin-top: 30px; 
} 

span.login-header { 
    font-size: 25px; 
    padding: 30px; 
    display: block; 
    color: white; 
} 

그때 접두사를 선언하려고하고, 다음을 수행하십시오 :

$prefix: "login"; 

.prefix { 
    &-scene { 
     display: table; 
     width: 100%; 
     height: 100vh; 
    } 

    &-language { 
     padding-top: 12px; 
    } 

    &-button { 
     margin-top: 30px; 
    } 
} 

임 내 응용 프로그램에서는 오류가 발생하지 않지만 접두어를 사용하면 스타일이 적용되지 않습니다. 어떤 아이디어?

Answer 1

답변은 다음과 같습니다.

$prefix: "login"; 

.#{$prefix} { 
    &-scene { 
     display: table; 
     width: 100%; 
     height: 100vh; 
    } 

    &-language { 
     padding-top: 12px; 
    } 

    &-button { 
     margin-top: 30px; 
    } 

}