SASS scss到css不会将var渲染为十六进制颜色

Question

我是sass/scs的新手，偶然发现了一个奇怪的东西：

当我在style.scss文件中放入以下内容时：

:root {
--red:#ff4f70;
}
.card-title-success {
color: var(--red);
}

并运行

sass style.scss style.css :

它渲染style.css，而不用像#ff4f70那样用#color替换var，使其与style.css中的完全相同！这里是style.css:的内容

.card .card-title-success {
color: var(--red); }

如何制作sass将#ff4f70渲染为css？

Answer 1

--red语法是css的语法，对于scs，您必须使用：$red:#ff4f70，这意味着您的代码必须如下所示：

:root {
$red:#ff4f70;
}
.card-title-success {
color: $red;
}

请注意，scs不使用您直接放置链接的函数var()。你可以在这里阅读更多关于sass/scs变量的信息https://sass-lang.com/documentation/variables