Sass 的混合宏有一個(gè)強(qiáng)大的功能,可以傳參,那么在 Sass 中傳參主要有以下幾種情形:
A) 傳一個(gè)不帶值的參數(shù)
在混合宏中,可以傳一個(gè)不帶任何值的參數(shù),比如:
@mixin border-radius($radius){
-webkit-border-radius: $radius;
border-radius: $radius;
}
在混合宏“border-radius”中定義了一個(gè)不帶任何值的參數(shù)“$radius”。
在調(diào)用的時(shí)候可以給這個(gè)混合宏傳一個(gè)參數(shù)值:
.box {
@include border-radius(3px);
}
這里表示給混合宏傳遞了一個(gè)“border-radius”的值為“3px”。
編譯出來(lái)的 CSS:
.box { -webkit-border-radius: 3px; border-radius: 3px; }
在編輯器第 1 行輸入正確的代碼,聲明一個(gè)帶有參數(shù)的混合宏。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)