當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Less default()用法及代碼示例

Less 默認函數僅在保護條件內可用,並且隻有在沒有其他 mixin 匹配時才返回 true,否則返回 false。當默認函數在 mixin 保護條件之外使用時,它被解釋為常規 CSS。

下麵舉一個例子來演示Less文件中default函數的用法。

創建一個名為 "simple.less" 的 Less 文件,其中包含以下數據。

少文件:simple.less

.mixin(1)                   {x:11}
.mixin(2)                   {y:22}
.mixin(@x) when (default()) {z:@x}
div {
  .mixin(3);
}
div.special {
  .mixin(1);
}

現在,執行以下代碼:lessc simple.less simple.css

Less default-function1

這將編譯 "simple.less" 文件。一個名為 ?simple.css? 的 CSS 文件會生成。

例如:

Less default-function2

生成的 CSS "simple.css",代碼如下:

輸出:

div {
  z:3;
}
div.special {
  x:11;
}




相關用法


注:本文由純淨天空篩選整理自 Less default()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。