一天不学，浑身难受。各位亲爱的小伙伴们，来学一个新的CSS写法！
首先，我们来了解一下less，看看这个less到底是做什么的。
less简介：
less它可以帮我们把px单位转换到rem单位，也是css的预处理器。它扩充了css语言，让css具备一定的逻辑性、计算能力。其文件后缀是.less。
好的，现在我们对less有了一个简单的了解，那么我们去实际操作一下，感受一下他比css强亿点点的地方。
首先，我们先下载一个VSCode的插件——“Easy Less”。它可以帮助我们将less文件保存自动生成css文件。当然，我们在Html当中引用的还是css文件，而不是less文件（less文件不被浏览器所识别）。
接下来，开始操作吧！<(￣︶￣)>
一、less运算
我们在less中可以进行运算，这个大家可以去动手试一下。老规矩，我们先上代码！
大家看，左边是我们的less文件,右边是根据less生成的css文件。从图中我们可以看到，在less文件中写下运算过程，css文件就会自动算出结果并生成，这点是不是非常方便呢？
๑乛◡乛๑
在less运算中有一些需要注意的地方，我给大家写一下，避免大家在操作的时候踩雷。
less运算注意点：
1.less计算时，结果以计算时第一个单位为准
2.运算符之间以空格隔开
3.一般转换rem值，之前的值不带单位，后面的值加上rem
4.计算要按照先乘除后加减的顺序
5.除法比较特殊，有两种方法。我们这里推荐带括号的使用方法，一定要带括号哦！
(ง •̀_•́)ง
二、less嵌套
之前写法：
less写法：
大家可以看到啊，以前我们用css来写后代的一个属性，需要选择多个类名；现在我们使用less，只需要去套娃，一个大的花括号去包小的花括号，生成的代码都是一样的，但是减少了出错的概率，非常方便，非常好用！
在这里我们学习一个符号——“&”，这个符号代表什么意思呢。咱就是说，并不生成后代选择器，他代表的是当前的选择器，通常用来配合伪类或伪元素使用。具体的差别，大家看代码！
三、less变量
1、变量相当于一个容器（盒子），可以储存数据。例：x=1，x就是变量，储存了1这个数据；
2、变量的作用在于方便维护和管理（给相同样式的内容定义一个变量，在修改维护时，只需要修改定义的变量）
是不是非常简单呢！大家来尝试一下吧！老规矩，上代码！
嘎嘎好使，嘎嘎好用！！！
