css进阶----less编程

官方介绍：

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。

vue3中下载安装：

npm install less less-loader --save-dev

基础使用：

<style lang="less" scoped>
@bgColor : #999;

  .demo {
    .test1{
      width: 300px;
      font-size: 12px;
    }
    .test2{
      height: 100px;
      background: @bgColor;
    }
  }
</style>

详细语法官网最清晰：Less 快速入门 | Less.js 中文文档 - Less 中文网