課程
/前端開發
/Sass/Less
/Sass入門篇
混合宏傳參數過多時，是括號里有多個參數需要傳，還是只有一個參數，這個參數的值比較多
2018-07-05
源自：Sass入門篇 4-12
正在回答
第一種是@mixin size($width,$height)，調用時傳參的是@include size(500px,300px);
第二種是@mixin size($width...)，調用傳參的方法有@include size(500px 300px)和@include size(500px,300px)，表示一個參數里有多個值，這里編譯之后的表現形式是width:500px 300px和width:500px,300px。
如果是使用@include size(500px,300px)調用給同一個參數的話，是必須使用@mixin size($width...)這樣的形式，不然會編譯錯誤，而@include size(500px 300px)則不用加省略號，用@mixin size($width)也能正確編譯。
慕瓜6584756 提問者
使用@mixin size($width...)時，不能有第二個參數，也就是$height，如果想要擁有多個參數，而某一個參數又有多個參數的話，可以使用：
@mixin size($width,$height){
? width: $width;
? height: $height;
}
.box-center {
? @include size(500px 300px,100px);
如果在500px和300px之間加逗號，或者某個參數后帶...，均會編譯錯誤
舉報
Sass入門視頻教程，學會Sass使你擺脫重復編寫代碼的工作
1 回答SASS 混合宏參數
2 回答關于混合宏參數的問題
3 回答Sass中混合宏的參數--傳一個不帶值的參數 有什么意義？
2 回答混合宏的問題
4 回答"這個 box-shadow 的混合宏，帶有多個參數，"這句話怎么理解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-07-16
第一種是@mixin size($width,$height)，調用時傳參的是@include size(500px,300px);
第二種是@mixin size($width...)，調用傳參的方法有@include size(500px 300px)和@include size(500px,300px)，表示一個參數里有多個值，這里編譯之后的表現形式是width:500px 300px和width:500px,300px。
如果是使用@include size(500px,300px)調用給同一個參數的話，是必須使用@mixin size($width...)這樣的形式，不然會編譯錯誤，而@include size(500px 300px)則不用加省略號，用@mixin size($width)也能正確編譯。
2018-07-16
使用@mixin size($width...)時，不能有第二個參數，也就是$height，如果想要擁有多個參數，而某一個參數又有多個參數的話，可以使用：
@mixin size($width,$height){
? width: $width;
? height: $height;
}
.box-center {
? @include size(500px 300px,100px);
}
如果在500px和300px之間加逗號，或者某個參數后帶...，均會編譯錯誤