less基础介绍

什么是less？
Less是一个C5S预处理器,Less文件后缀是,less。扩充了 CSS 语言,使CSS 具备一定的逻辑性、计算能力
注意事项： 浏览器不识别 Less 代码，目前阶段，网页要引入对应的 CSS 文件
VS Code 插件: Easy LESS，保存 less文件后自动生成对应的 CSS 文件

我们来简单的玩玩less吧
注意：现在我们是没有css后缀文件的

我们写一点到less里

.father {
    width: 100px;
    .son {
        width: 100px;
    }
}

保存后我们发现多出一个文件

我们来看看index.css中都有些什么吧！

.father {
  width: 100px;
}
.father .son {
  width: 100px;
}