LESS 默认函数
2018-01-11 17:07 更新
描述
默认函数仅在保护条件内可用时返回true,并且与任何其他mixin不匹配,否则返回false。 当默认函数在mixin guard条件之外使用时,它解释为常规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; }
以上内容是否对您有帮助:
更多建议: