为了账号安全,请及时绑定邮箱和手机立即绑定

插值怎么理解

插值就是用来取变量的值的?比如:可以用插值来拼接css属性名,可以用插值来构造一个选择器,也就是拼接选择器名称,在@extend里面使用插值来拼接变量名。但是在@mixin里面是不能使用插值来拼接变量名的。这样理解对吗?

正在回答

5 回答

可以学习有关后台开发的课程

vjdszftddnlmaaejyiebhzpvxjbdv

0 回复 有任何疑惑可以回复我~

理解:把变量值转化为字符串输出。有两个不能使用的场景

1.在使用插值后,只能当初字符串的形式,不能再去调用另一个变量

margin-top:$margin-#{$size}  //错误

2.不能将输出的字符串去调用混入

@include updated-#{flag}  //错误

总之:插值生成的字符串可以当属性,也可以为字符串的属性值(比如图片路径),但是不能将生成的字符串去调用另一个变量或者去调用混入


0 回复 有任何疑惑可以回复我~

我感觉就是把变量的赋值转化为字符串输出,但是在@mixin和变量内部不能使用(以后的版本可能可以).

$a: margin; //这里可以看到变量是不是有引号的字符串并不影响最终结果
$b: 'padding';

.box {
    #{$a}: 0 auto;
    #{$b}: 10px;
}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Sass入门篇
  • 参与学习       104431    人
  • 解答问题       263    个

Sass入门视频教程,学会Sass使你摆脱重复编写代码的工作

进入课程

插值怎么理解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信