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