less 学习

less 简单记录

目录：

1.使用方式
2.简单语法

1. 使用方式

1.在html的head标签中引入less格式的样式文件
如：< link rel=”stylesheet/less” type=”text/css” href=”./css/styles.less” />

2.在less下面引入less.js
如：< script src=”./js/less.min.js”>< /script>

2. 语法

1. 变量
   @声明变量，属性中可以使用，达到重用的目的，并且可以进行计算
   

2. 嵌套
   可以像html中的嵌套一样，less中也可以嵌套
   并且可以直接引用它的上层选择器 &
   

3. 混合
   引用会编译出来的样式
   

   引用不会编译出来的样式
   

   引用带参数的样式，并含有默认值
   

   同时使用所有参数
   

4. 匹配

   多种重复性样式，根据参数不同选择，类似于switch
   

---

图片中使用的工具：在线LESS编辑器

注：资料来自于网络