less十大小知识

1. less为什么会出现
作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。

2.安装less环境

• 第一种， 第一种是找到：C盘/-----------Users-------MyPC（自己电脑名称）---------AppData（默认隐藏项目，需要自己在：菜单栏上的查看–把隐藏项目的选项打勾。）---------\Roaming-----------\npm（开始是空的）。把less解压后的文件全部复制到这个npm文件夹。
• 第二种方法：如下
  1、安装Nodejs环境 Node Package Manager (验证 node -v， npm -v) npm:node packge manager
  2、打开控制台（cmd），执行npm install -g less ，验证less是否安装成功 lessc -v
  成功后如图
  
  配置完成就是这个样子
• 命令行编译 lessc /xxx.less path/xxx.css
  先在编辑器新建一个xxx.less文件。
  打开cmd，进入到所建文件的路径，cd是进入盘的命令符；
  输入dir，可以看到该文件夹下的文件，
  输入 lessc xxx.less xxx.css
  最后生成一个css文件。
  

3、注释

在less中，注释符为“ // ”，与JavaScript等语言注释符相同。
在less中，如果注释符为“ /**/ ”（CSS注释符），则代表less文件编译成css文件后，在其css文件里显示的注释

4、变量

语法：@变量名:值;

必须@前缀，：是等于的以上，必须分号结束；
不能以数组开头，不能包含特殊字符，区分大小写

//变量用于字符拼接使用方法
.@{
   className}{
     
	color: