rem-less · 2021 web前端工程师

[TOC] # 对比 ![](https://img.kancloud.cn/32/b9/32b9e1a527ffd23505b5346b173abce8_1253x416.png) ![](https://img.kancloud.cn/a4/ad/a4ad58e8236fe7cc70ee022f24088d6d_1232x618.png) # 安装 ![](https://img.kancloud.cn/2c/c8/2cc89d18895407486fc875050408dd56_1393x664.png) # less 变量 ![](https://img.kancloud.cn/2a/3f/2a3f9514cd05e3c8de3bc10fb95c77ca_1027x622.png) ## less 讲解 ![](https://img.kancloud.cn/9b/43/9b43d3e96ed85fb762bb10d35aa531d1_1103x803.png) # less 编译 ![](https://img.kancloud.cn/48/10/48101f24a61d47fbd0d4ed3dbaa078bb_1466x734.png) # less 嵌套 ![](https://img.kancloud.cn/40/79/40799043d2e7ea011ef468524fc88e02_631x747.png) # less 嵌套伪类选择器 ![](https://img.kancloud.cn/bf/d3/bfd30f6d5a5c0c233636afee66ec2d6d_912x679.png) ## 讲解 ![](https://img.kancloud.cn/5c/30/5c30f62f9afbbfebcd56d236ed21a9f1_1234x535.png) less 运数（空格隔开 + - \* /） ![](https://img.kancloud.cn/80/c7/80c7a41a9df4a23cbbd7bb1f8f3488a2_1339x206.png) ![](https://img.kancloud.cn/45/85/458569759edb1cbf5e6325ed4456498f_677x527.png) 注意 1.我们运算符的**左右两侧**必须**敲个空格**隔开 2.**两个数参与运算**如果**只有一个**数有**单位**，则最后的**结果**就以**这个单位为准** 3.**两个数参与运算**，如果**2个**数**都有单位**，而且不一样的单位**最后的结果**以**第一个单位为准** ![](https://img.kancloud.cn/4d/b4/4db40e87d2230836590269414c9be9c4_940x277.png)