让css的编写更接近传统编程语言的less

LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。

less需要在node上运行

我们可以使用git下载

npm install -g less

太慢的话配置一下淘宝镜像

npm config set registry https://registry.npm.taobao.org

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install express

配置

<link rel="stylesheet/less" type="text/css" href="styles.less" />

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.8.1/less.min.js" ></script>

简述

一个简单的less和他编译后的css文件，

让css的编写可以定义属性，提高了开发效率减低了开发难度，提高了可复用性降低了开发成本.

注意：

1. less的变量也要先定义再使用，他不会略过为知变量，会直接报错
2. 最后一个变量末尾不可以省略“；”
3. less使用双斜线注释，并会将注释一并编译
4. 变量不仅可以用于保存参数，可以在其他地方使用，如选择器名称，属性名称，URL和@import语句
5. 同时引入变量使得编写过程可以使用计算，使用函数
6. 注意选择器和属性名不能直接使用less变量

@primarycolor: #FF7F50;
@color:#800080;
@selector: h2;//<==========
h1{
color: @primarycolor;
}
@{selector}{//<==========选择器和属性名不能直接使用less变量所以使用这种方法
color: @color;
}

h1 {
   
  color: #FF7F50;
}
h3