3.23-移动web开发-rem+less

一、less的基本语法

1. 注释：

   1. //注释内容

2. 变量

   1. 定义：@变量名： 值；
   2. 使用：css属性： @变量名；
3. 嵌套 ```css .father{ .son{} /&表示当前的选择器，而不是后代选择器/ &:hover{} }

.nav{ // less混合 类名() 可以直接调用代码 .box(); border: 1px solid rgb(189, 40, 40); }

<a name="f601cbba"></a>
### 1、less运算
1. 
_如何有多个单位，以第一个为准确_
2. 
_注意出运算必须加（）_
```css
.box{ 
    //如何有多个单位，以第一个为准确
    width: 200px+100rem - 50;
    height: 50px * 2;
    // 注意出运算必须加（）
    font-size: (100px /2);
}

2、less导入

less导入 @import 空格 “less文件” 注意空格必须写

//less导入  @import  空格 “less文件”  注意空格必须写
@import "./04-less嵌套.less";
@import "./06-less运算.less";