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

模式匹配

通過傳遞參數，將其更改混合的行爲。