less中可以通过when给混合添加执行限定条件, 只有条件满足(为真)才会执行混合的代码
when表达式中可以使用比较运算符(> < >= <= =)、逻辑运算符、或检查函数来进条件判断
- (),()相当于JS中的||
/* 当下边 div 中 .size 传入的第一个参数是100px或者第二个参数是100px才会执行*/
.size(@width,@height) when (@width = 100px),(@height = 100px){
width: @width;
height: @height;
}
div{
.size(100px,100px);
background: red;
}
- ()and()相当于JS中的&&
/* 当下边 div 中 .size 传入的第一个参数是100px并且第二个参数是100px才会执行*/
.size(@width,@height) when (@width = 100px) and (@height = 100px){
width: @width;
height: @height;
}
div{
.size(100px,100px);
background: red;
}