less （七） when 的使用

下面看看  less  when 的使用；

我们写一个样式：当输入的宽度大于等于150px 的时候，给div添加一种样式；

                           当输入的宽度小于150px的时候，给div添加另外一种样式；

使用when就可以实现上面的功能：

.bgWidth(@width) when(@width<150){

width:100px;

height:50px;

border:1px solid red;

}

.bgWidth(@width) when(@width>=150){

width:200px;

height:100px;

border:1px solid red;

}

div{

.bgWidth(300px)

}

我们写了两个一样的函数，后面紧跟一个 when()  ,里面的判断条件不一样，

当满足条件时，就执行里面的样式；