課程
/前端開發(fā)
/Sass/Less
/Sass入門篇
插值就是用來取變量的值的?比如:可以用插值來拼接css屬性名,可以用插值來構造一個選擇器,也就是拼接選擇器名稱,在@extend里面使用插值來拼接變量名。但是在@mixin里面是不能使用插值來拼接變量名的。這樣理解對嗎?
2017-04-29
源自:Sass入門篇 4-17
正在回答
理解:把變量值轉化為字符串輸出。有兩個不能使用的場景
1.在使用插值后,只能當初字符串的形式,不能再去調用另一個變量
margin-top:$margin-#{$size} ?//錯誤
2.不能將輸出的字符串去調用混入
@include updated-#{flag} ?//錯誤
總之:插值生成的字符串可以當屬性,也可以為字符串的屬性值(比如圖片路徑),但是不能將生成的字符串去調用另一個變量或者去調用混入
我感覺就是把變量的賦值轉化為字符串輸出,但是在@mixin和變量內部不能使用(以后的版本可能可以).
$a:?margin;?//這里可以看到變量是不是有引號的字符串并不影響最終結果 $b:?'padding'; .box?{ ????#{$a}:?0?auto; ????#{$b}:?10px; }
舉報
Sass入門視頻教程,學會Sass使你擺脫重復編寫代碼的工作
2 回答插值怎么用
1 回答插值不能隨處可用
3 回答@mixin里面能不能插值
1 回答插值和變量有啥區(qū)別
1 回答Sass的插值還在發(fā)展中?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-05-04
理解:把變量值轉化為字符串輸出。有兩個不能使用的場景
1.在使用插值后,只能當初字符串的形式,不能再去調用另一個變量
margin-top:$margin-#{$size} ?//錯誤
2.不能將輸出的字符串去調用混入
@include updated-#{flag} ?//錯誤
總之:插值生成的字符串可以當屬性,也可以為字符串的屬性值(比如圖片路徑),但是不能將生成的字符串去調用另一個變量或者去調用混入
2017-04-30
我感覺就是把變量的賦值轉化為字符串輸出,但是在@mixin和變量內部不能使用(以后的版本可能可以).