less

简介： less是一个css预处理器，可管理和可重用的样式表。是一种脚本语言。

1. less嵌套规则:可以嵌套使用less,父元素的class属性值内部可以嵌套子元素的class属性，定义less的值

2. less操作：less支持一些算数符，【+、-、*、/】
   

3. less转义：需要引入一个无效的css语法或者Less不能识别的字符，就需要转义字符，可以在字符串前面加一个“~”，将需要转义的字符串放在" "中;

4. less函数：LESS映射具有值操作的JavaScript代码，并使用预定义的函数来操纵样式表中的HTML元素。 它提供了操作颜色的几个功能，如圆函数，floor函数，ceil函数，百分比函数等。
   操作结果是 width:100%;
   

5. less命名空间和访问器
   命名空间：表示一个标识符的可见范围。
   

6. less变量范围
   变量范围指变量的可使用位置
   @var ：定义了一个变量；@a：15px ;通过less定义了变量并同时将值赋给这个变量。
   @var ：@a ;将@a变量的值赋值给@var 变量
   

7. less注释：
   单行注释：//
   多行注释：/* */

8. less导入

//普通的文件导入
<link rel="stylesheet" type="text/css" href="style.css" />

一个less文件中导入另一个less文件

9. less扩展：在一个class 定义的样式中，引入另一个class定义的less样式；
   通过：extend引入 样式名【:extend】是less中的一个伪类。
   

10. less混合：mixins
    将一个类的属性运用在另一个类中，成为另一个类中的属性
    

11. less混合参数
    
    less传入多个参数时，使用less @argument variable
    @argument包括所有传递的参数
    

12. less Guard比较运算符
    less包含5个保护比较运算符：<，>，<=，> =和=
    = 可以比较字符串，数字，标识符等，但是其它的只能与数字一起使用。
    

13. less循环
    
    //循环7次输出width