You can also use SassScript variables in selectors and property names using #{} interpolation syntax:,插值可以使用选择器和属性名,如"$margin-big"不能是"$margin-#{$size}"然后传"big"进去,但可以是".#{$class}-big"传入参数“header-text”或者“.#{$class}”直接传入"header-text-big";
然后在调用混合类时也不能使用插值。
然后在调用混合类时也不能使用插值。
2017-08-09
关于#{}的使用,我贴出官方文档的介绍:
You can also use SassScript variables in selectors and property names using #{} interpolation syntax:
$name: foo;
$attr: border;
p.#{$name} {
#{$attr}-color: blue;
}
You can also use SassScript variables in selectors and property names using #{} interpolation syntax:
$name: foo;
$attr: border;
p.#{$name} {
#{$attr}-color: blue;
}
2017-08-04
//welcome to imooc learn Sass
$caonima = 200px;
$caoniba = 300px;
body {
width:$caonima;
height:$caoniba;
}
$caonima = 200px;
$caoniba = 300px;
body {
width:$caonima;
height:$caoniba;
}
2017-08-04