Less语言

Less是一门预编译语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展
Less也扩充了CSS语言，增加了诸如变量、混合运算、函数等功能。Less既可以运行在服务端(Node.js和Rhino平台)也可以运行在客户端(浏览器)

VSCODE可以使用Easy LESS插件（将less文件在编译后生成css文件）

Less的使用

注释

//这种注释，在编译后不会出现在CSS文件上
/*这种注释在编译后会出现在CSS文件上*/

使用Easy LESS的情况下，编译less文件会生成对应的.css文件，在普通html文件中引用时，引用生成的.css文件

Less变量

//使用值变量定义公共样式(便于统一修改样式)
@color:#999;
@bgcolor:skyblue;
@width:50%;
#wrap{
color:@color;
background-color:@bgcolor;
width:@width;
}

1.选择器变量

2.属性变量

3.url变量

4.声明变量