@import 'base'; 这样引入vscode报错,
来源:3-5 sass基础语法(2)
unbreakable_全栈
2020-12-12 21:23:59
# 具体遇到的问题
我知道应该
用@import url("路径")的形式来引入
# 报错信息的截图
# 相关课程内容截图
但是颜色一致是定义的,而不是base的,无论引入在什么地方,老师能明白吗
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
// 在sass中,变量以美元符号$开头
// $width: 300px;
// $color: #ffe932;
// .div1 {
// height: $width;
// $widthInner: 100px;
// width: $widthInner;
// }
// .div2 {
// width: $width;
// }
// $width: 300px;
// $color: #ffe932;
// .div1 {
// height: $width;
// $widthInner: 100px;
// width: $widthInner;
// }
// .div2 {
// width: $width;
// }
// @import './org.css';
// @import url('base'); // 用@import url("路径")的形式来引入
$width: 300px;
$color: #ffe932;
// .div1 {
// width: $width;
// }
// @import url('base'); // 用@import url("路径")的形式来引入
@import 'base'; // 用@import url("路径")的形式来引入
.div {
width: $width;
background-color: $color;
}
1回答
好帮手慕星星
2020-12-13
同学你好,使用vscode编辑器测试并没有报错,如下:
1、base文件中不使用!default默认值
编译出来的
这是因为引入base文件在定义颜色的后面,进行了颜色覆盖,所以显示为红色。
2、如果这里引入和定义颜色交换位置,按照先后顺序,会显示当前定义的颜色
3、base文件中设置!default
无论base文件引入在当前定义颜色前面还是后面,都会显示当前定义的颜色
(1)base引入在前
(2)base引入在后
如果上面的回答解决不了疑惑,建议描述具体一些,想要实现什么样的效果,老师帮助解决。
祝学习愉快!
相似问题