Less

less是一门css扩展语言，是css预处理器，扩展了css的动态特性，在css语法基础上引入了变量，混合，运算和函数等功能 常见的css预处理器有sass，less，stylus less开发手册：https://less.bootcss.com/ 安装less npm install -g less 检查是否安装成功 lessc -v 或者使用CDN和src导入的方法也都是可以的 例如： https://cdn.jsdelivr.net/npm/less@4.1.1/dist/less.min.js less文件 hallo.less 注释 /*块注释*/ // 行注释 变量 变量名命名规范 必须是以@开头 不能包含特殊字符 不能以数字开头 大小写敏感 例如： @color: #ccc; #app{ background-color: @color; } less编译 less提供了一个解析器，通过解析器，编译成css文件 例如： npm lessc style.less style.css 将style.less编译成style.css文件 或者 vsc插件：Easy LESS（修改保存就自动编译成css文件） less嵌套 子元素嵌套到父元素上（后代选择器） #app{ width: 100px; div{ width: 60px; } } 伪类或者伪元素选择之类的，需要加&连接起来，不加则认为是后代 #app{ width: 100px; a{ color: #000; &:hover{ color: @color; } &::before{ width: 30px; } } } less运算...