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

这将编译 "simple.less" 文件。一个名为 ?simple.css? 的 CSS 文件会生成。

例如：

生成的 CSS "simple.css"，代码如下：

输出：

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