当试图在CSS中显示我声明的SASS变量时,我不会在CSS输出文件中获取该变量本身,而是获取给定给该变量的值.

更清楚地说,我得到的是:

SCS/SASS输入

$gray__background: #2d2d2d;

:root {
    --gray__background: #{$gray__background};
}

body{
  background-color: $gray__background;
}

CSS"输出"

:root {
 --gray__background: #2d2d2d;
}

body{
 background-color: #2d2d2d;
}

这就是我期望得到的:

CSS"输出"

:root {
  --gray__background: #2d2d2d;
}
body{
  background-color: var(--gray__background);
}

短篇故事:我想知道,如果在CSS"自动生成"文件background-color: var(--gray__background);,而不是background-color: #2d2d2d;的结果是可能实现的.

我对VSCode使用Live Sass Compiler扩展名.

对不起,如果我的问题有点含糊.我对编码是新手.

推荐答案

:root个变量在SCS中声明,但没有使用,因此它们不会显示在CSS输出中.

希望这有帮助.

Html相关问答推荐

后续使用收件箱从网页表中提取值

使用tauri构建的Next.js应用程序不显示我的404页面

我似乎不能正确地将我的导航栏居中'

如何将FlexBox项目zoom 到其包含图像的大小

在<;style&>中列出的三种字体中,只有两种显示

无法从路径参数获取ID

需要帮助创建一个简单的html css网格布局

Chrome浏览器错误:上的主题验证判断https://pagead2.googlesyndication.com/失败

布局更改时的转换

rmarkdown HTML数字不适用于针织衫_1.44

为 HTML5 文本字段设置最后六位正则表达式模式

Github上部署需要花费几小时时间:等待github pages部署批准

当我将有序列表居中时,数字会跑到列表的另一行

在DIV上应用梯度模糊未如预期工作

表单中如何分别禁用/启用多个提交按钮?

在锥形渐变进度条内创建空白的问题

高度大于页面高度和页面大于覆盖的 CSS 覆盖

我无法设置使用 Tailwind CSS 创建的仪表板的网格 struct

打开 Bootstrap 模式时无法获得模糊的背景

粘性定位的子元素忽略父母的填充