Can'；t将sass变量分配给css变量

此代码在Sass中不起作用：

$color1: 

.App {
  --color1: $color1;
}

---

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

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

$color1: 

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

原因如下所述：

---

简而言之，css变量可能是以

$

字符开头的字符串，Sass不希望阻止该语法工作。考虑到

{$someVar}

不是有效的css语法，这样做是功能性的，而且更明确。

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

$color1: 

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

原因如下所述：

---

简而言之，css变量可能是以

$

字符开头的字符串，Sass不希望阻止该语法工作。考虑到

#{$someVar}

不是有效的css语法，这样做是功能性的，而且更明确。

这是否回答了您的问题？这回答了你的问题吗？