Less小结

目录

1、变量

2、计算函数

3、注释

4、&表示父元素

5、//：extend（）对当前选择器扩展制定选择器的样式（通过选择器分组）

6、mixin混合，直接对指定的样式进行引用

7、混合函数（按顺序传递参数）

8、average可以取多种颜色的平均值

9、darken可以加深颜色

10、可以通过import将其他的less 引入

11、继承

---

less：css的预处理语言，是css的增强版，可以编写更少的代码实现更强大的样式，浏览器无法直接执行less代码，必须将less

1、变量

语法:

（css写法）- -变量名：变量值；

（less写法）@变量名：变量值；（1、直接使用以 @变量名 的形式使用 2、选择器使用 @{变量名} 的形式）

变量的延迟加载：会等作用域中的其他代码都解析好最后才解析变量

2、计算函数

语法：calc（）

3、注释

less中//不会被解析到css中

/**/会被解析到css文件中

4、&表示父元素

5、//：extend（）对当前选择器扩展制定选择器的样式（通过选择器分组）

6、mixin混合，直接对指定的样式进行引用

例：相当于将p1的样式在这里进行了复制

.p3{

.p1（）；

}

7、混合函数（按顺序传递参数）

给参数设置默认数据

可以在传参数的时候表明是给哪个变量的

匹配模式

argumens变量

8、average可以取多种颜色的平均值

9、darken可以加深颜色

10、可以通过import将其他的less 引入

11、继承