在 Sass 的混合宏中,還可以給混合宏的參數傳一個默認值,例如:
@mixin border-radius($radius:3px){ -webkit-border-radius: $radius; border-radius: $radius; }
在混合宏“border-radius”傳了一個參數“$radius”,而且給這個參數賦予了一個默認值“3px”。
在調用類似這樣的混合宏時,會多有一個機會,假設你的頁面中的圓角很多地方都是“3px”的圓角,那么這個時候只需要調用默認的混合宏“border-radius”:
.btn {
@include border-radius;
}
編譯出來的 CSS:
.btn { -webkit-border-radius: 3px; border-radius: 3px; }
但有的時候,頁面中有些元素的圓角值不一樣,那么可以隨機給混合宏傳值,如:
.box {
@include border-radius(50%);
}
編譯出來的 CSS:
.box { -webkit-border-radius: 50%; border-radius: 50%; }
在編輯第 1 行中輸入正確的代碼,使用混合宏 border-radius 帶有一個賦值為 3px 的 $radius 參數
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報