老师,请解答

来源:3-16 sass条件控制

qq_勿忘初心_H

2020-06-28 16:51:58

/* each*/
$map:(top:1px,left:2px,bottom:3px,right:4px)

.div{
	@each $key, $value in $map{
		#{$key}:$value;
	}
}
//生成的demo.css
.div{
	top:1px;
	left:2px;
	bottom:3px;
	right:4px;
}

#{$key}:$value; 这里为什么前面的属性名要用#{$key} ,不可以直接用$key,后面的属性值就可以直接用$value

写回答

1回答

好帮手慕星星

2020-06-28

同学你好,这是scss中固定的语法,知道这样使用就好。参考文档:

http://img.mukewang.com/climg/5ef8631a09ded8c516370406.jpg

map中的key加{},value不加。

祝学习愉快!

0

0 学习 · 10739 问题

查看课程