Less预处理语言 -> 向后兼容的CSS扩展语言,即可运行在浏览器端,也可运行在服务器端(Node.js环境); ->实战开发中几乎都使用Less,而且往往同自动化构建工具一起使用;
- - - >>> Less官网:https://less.bootcss.com/
(1).浏览器环境使用:引入xx.less样式文件、less.js文件、必须在"本地服务器环境"使用 ->可开启wampserver"测试;

(2).Node.js环境使用:npm install -g less;lessc budle.less index.css;//html页面引入index.css即可
(3).用法:
[1].嵌套:普通嵌套、&的使用(其表示与当前元素同级);

[2].变量:@xx的使用(可进行简单四则运算)、变量快级作用域、变量延迟加载;

[3].混合Mixins:普通混合、带参数的混合、带默认值的混合、@arguments的使用;

[4].导入、运算、函数、注释、Maps;


2、Sass/Scss:
导入:@import‘’;
混合:使用@includes xxx;即可; @include flex-v-center;

网友评论