Less參數化混合

參數化混合類型使用一個或多個參數,通過利用參數擴展了 Less 的功能 且當混合到另一塊它的屬性自定義 mixin 的輸出。
例如,考慮一個簡單的 Less 的代碼片段:
.border(@width;@style;@color){ border:@width@style@color;}.myheader {.border(2px; dashed; green);}

這裏我們使用參數化 mixin 作為 .border 有三個參數,即寬度,樣式和顏色。使用這些參數,你可以自定義傳遞參數值的 mixin 輸出。

下表描述說明不同類型的參數混合類型。
S.N. 類型 & 描述
1 M
ixin使用多參數


參數可以用逗號或者分號隔開。
2 命名參數
mixin 用自己的名字為參數的值,而不是位置。
3 @arguments變數
當 mixin 被調用時,@arguments 包括所有傳遞的參數。
4
高級參數和@rest變數

混合採用可變數量的參數使用....
5
模式匹配

通過傳遞參數,將其更改混合的行為。

上一篇: Less模式匹配 下一篇: Less混合作用域