less的运算

less语法中是可以进行一些运算的

很简单,比如说定义一个变量宽度,可以使用加减乘除运算对他进行一些计算
直接举个栗子:

@width: 100px;
@height: 30px;

加入运算:

  • less中可以直接给变量进行一些运算操作的,比如进行 + - * /操作等,你也可以使用()小括号来添加一些更复杂的运算操作;
  • less中进行运算操作的时候,不强制你进行运算操作的值必须带单位,只要有一个有单位就可以了;
.box_demo {
      width: @width +20;
      height: (@height + 10) * 5;
      }

编译结果:

.box_demo {
      width: 120px;
      height: 200px;
      }
  • 这样,进行加减乘除操作的时候会十分的方便;
  • 当然你也可以设置其他,比如设置背景色,然后对其进行运算操作,它会先把颜色值进行一个转换,然后才进行操作,一般设置颜色不这么用;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容