less 运算

less运算

• 任何数字 颜色 或者变量 都可以参与运算 就是less 提供了
• 加 + 、减 - 、乘 *、除 / ，算术运算
  注意

运算符 两边必须要有空格 隔开
对于两个不同单位的值之间的运算 运算结果取第一个单位的值
如果两个值之间只有一个单位 则运算结果就取改单位

代码
less样式

@font:50px;
html{
    font-size:@font ;
}
@border:2px;
div{
    width: (200px + 100) * 2;
    height: 200px * 2 ;
    border: @border + 5 solid skyblue;
    background-color: #999 - #222;
}
img{
    width:(300rem / @font);
    height: (400rem / 80);
    background-color: greenyellow;
}

生成的css
样式代码

html {
  font-size: 50px;
}
div {
  width: 600px;
  height: 400px;
  border: 7px solid skyblue;
  background-color: #777777;
}
img {
  width: 6rem;
  height: 5rem;
  background-color: greenyellow;
}

结果
图片