热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

无法将SCSS变量设置为CSS变量?

如何解决《无法将SCSS变量设置为CSS变量?》经验,为你挑选了1个好方法。

考虑以下SCSS:

$color-black: #000000;

body {
    --color: $color-black;
}

当使用node-sass 版本4.7.2进行编译时,它会生成以下CSS:

body {
    --color: #000000; 
}

当我使用4.8.3或更高版本编译相同的SCSS时,它产生以下内容:

body {
    --color: $color-black; 
}

我错过了什么?我检查了发布日志,但找不到任何有用的东西.另外,我想知道这种变化是否真实,为什么它只有轻微的版本更改?它应该不是主要版本吗?

另外,我的替代方案是什么?我应该使用插值吗?



1> Terry..:

只需使用字符串插值:

$color-black: #000000;

body {
    --color: #{$color-black};
}

显然旧的行为并非意图并且违反了SASS的语言规范:

与SCSS变量混合的CSS变量在4.8+中不会发出适当的CSS

CSS变量未正确编译

将SASS变量分配给CSS变量(自定义属性)不再有效


推荐阅读
author-avatar
六月__的__旅行
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有