十、less语法2

目录：
1.详解

1.详解

• 1.less 里面是可以直接进行数值运算

.box1{
  // 在less,所有数值都可以进行运算 +，- * /
  width: 100px + 100px;
  height:100px/2;
  background-color: #bfa;

}

• 2.在less中引入模块xx.less

// import用来将其他的less引入到当前的less,相当于把symtax2.less中写的样式复制过来
//可以做模块化样式，把各个不同样式分模块写，最后根据需求引入即可
@import "symtax2.less";

• 3.调试的时候，如何找准less的某行

a. 如果调试过程中，要改样式，是要改less,但是提示会给你的是css的某行。

b. 如果我想找到css 对应的less 所在行，需要在插件easy less 这里面，配置
sourceMap。

c. 直接复制全部 less.comppile，然后，点击做下角的设置图标 - 设置 - 扩展 - easy less configtion

d. 在settings 中编辑 ，直接在原有的后面加上逗号，再把刚复制的粘贴过来

配置：
然后compress (压缩)：false,
sourceMap:true,
out（是否生成css文件）：true
此时在保存后。

e. 在xx.less 中操作保存下，会多一个other.css.map 文件，你在调试，你就会发现可以看到正常的less行号.

f. 下面就是other.css.map 压缩文件的自动生成的最终样式。