正确的scss代码以获取屏幕上显示的颜色

Question

在将CSS文件构建为CSS时遇到问题。颜色不在屏幕上显示。

这是我的scss代码：

$--base-color-secondary-text-white: #e8e8e8

div {
    >div.oj-select-choice {
        border-bottom: .08rem solid var(--base-color-secondary-text-white) !important;
    }
}

如何更正代码以应用颜色并显示在屏幕上？

Answer 1

通过放置此var(--base-color-secondary-text-white)，浏览器将获得CSS变量，而不是后期编译中提供的SCSS变量。我建议初学者提高可读性，不要对SCSS var使用CSS Var语法。但是，如果您只是替换；

var(--base-color-secondary-text-white) 与 $--base-color-secondary-text-white在您的scss中应该起作用。...在scss变量的末尾添加分号之后。