无法将Sass变量分配给CSS变量。

20 浏览
0 Comments

无法将Sass变量分配给CSS变量。

这个问题已经有了答案：Sass中在CSS calc()函数中使用变量

这段代码在Sass中不起作用：

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

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

admin 更改状态以发布 2023年5月23日
0

1 答案

0 Comments

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

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

这样做的原因在此处讨论：https://github.com/sass/libsass/issues/2621

简而言之，CSS变量可能是以字符$开头的字符串，Sass不想阻止这种语法的使用。 鉴于#{$someVar}不是有效的CSS语法，这样更加明确，具有功能性。

0