无法将 sass 变量分配给 css 变量 [重复]

Question

这段代码不起作用的是Sass：

$color1: 

.App {
  --color1: $color1;
}

为什么这是无效的语法？正确的语法是什么？

Answer 1

这是无效的语法，解决方案是使用：

$color1: 

.App {
  --color1: #{$color1};
}

这里讨论了这个原因：https://github.com/sass/libsass/issues/2621

简而言之，css 变量可能是一个以$ 字符开头的字符串，而 Sass 不想阻止该语法工作。鉴于 #{$someVar} 不是有效的 css 语法，它是功能性的，并且更明确。