当前位置: 首页 > 文档资料 > Less 入门教程 >

default

优质
小牛编辑
111浏览
2023-12-01

描述 (Description)

Default函数仅在保护条件内可用且与任何其他mixin不匹配时才返回true,否则返回false。 当在mixin保护条件之外使用默认函数时,它将解释为常规css。

例子 (Example)

以下示例演示了在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;
}