SCSSの意味は何ですか？

Question

私はとサンプルコードを持っている。＃

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

私はそれが何を意味する別の例から離れて

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

をGoogleで何かを見つけることができませんか？

Answer 1

この式では二つの部分、 .はCSSクラスセレクタ、それはセレクタやプロパティ名に変数を使用することができます#{}interpolation構文があるがあります

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

生成されたCSS：

p.foo { 
    border-color: blue; } 

Answer 2

。実際にはクラス名であり、＃には関係しません。 #{$name}は、エスケープ形式で変数名を出力することです。私の場合、変数にはダッシュ・サスなどの文字が含まれているため、減算として扱われません。ここで

は例です： Using SASS, How can I escape the slash character in a font declaration?