SCSS의 의미는 무엇입니까?

Question

난과 예제 코드가 있습니다. 내가 떨어져 또 다른 예

$fa-css-prefix: fa; 
.#{$fa-css-prefix} { ... } 

은 무엇을 의미 하는가에게에서 구글에 아무것도 찾을 수 없습니다 #

.#{$item} { 
    background: $item; 
    } 

?

Answer 1

이 식의 두 부분 .는 CSS 클래스 선택기는 선택기 및 속성 이름의 변수의 사용을 허용 #{}interpolation 구가있다

$name: foo; 
$attr: border; 
p.#{$name} { 
    #{$attr}-color: blue; 
} 

생성 된 CSS :

p.foo { 
    border-color: blue; } 

Answer 2

. 실제로는 클래스 명을위한 것이고 #와는 관련이 없습니다. #{$name}은 이스케이프 형식으로 변수 이름을 출력하는 것입니다. 변수에 대시 (dash)와 같은 문자가 있으면 빼기로 처리하지 않습니다. 여기

는 예제 : Using SASS, How can I escape the slash character in a font declaration?