You can also use SassScript variables in selectors and property names using #{} interpolation syntax:,插值可以使用選擇器和屬性名,如"$margin-big"不能是"$margin-#{$size}"然后傳"big"進去,但可以是".#{$class}-big"傳入?yún)?shù)“header-text”或者“.#{$class}”直接傳入"header-text-big";
然后在調用混合類時也不能使用插值。
然后在調用混合類時也不能使用插值。
2017-08-09
個人感覺就是可以利用#{ }對選擇器和屬性名進行構造,然后類似函數(shù)傳參,然后就可以進行編譯了,仔細想想還是變量還是有區(qū)別的。
2017-08-04
關于#{}的使用,我貼出官方文檔的介紹:
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