在SCSS中，＃mean意味着什么？

Question

我有一个示例代码。＃

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

除了另一个例子之外，我在谷歌上找不到任何东西

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

这是什么意思？

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?