LESS - 預設函式

描述

預設函式只有在保護條件內可用且與任何其他混合宏不匹配時才返回 true，否則返回 false。當預設函式用在混合宏保護條件之外時，它會被解釋為普通的 CSS。

示例

以下示例演示了在 LESS 檔案中使用預設函式：

下面是副檔名為 .less 的樣式表文件；它類似於 CSS 檔案。

style.less

.mixin(1)                   {a: 5}
.mixin(2)                   {b: 10}
.mixin(3)                   {c: 15}
.mixin(@a) when (default()) {d: @a}

div {
   .mixin(12);
}

div.style {
   .mixin(3);
}

您可以使用以下命令將 style.less 檔案編譯成 style.css：

lessc style.less style.css

執行上述命令；它將自動建立包含以下程式碼的 style.css 檔案：

style.css

div {
   d: 12;
}
div.special {
   c: 15;
}