less混合

混合就是一种或者一系列属性从一种规则集引入（混合）到另一种规则集的方法

1. 普通混合

一个普通的css样式

我们发现 h1,h2的样式中有很多重复的，而解决方式如下，将重复的放在一个类中：

定义一个.font_h类，在HTML文件对应的元素山添加class="font_h"属性

less可以不这么写，less写法如下：

将定义好的类混入css样式中，这样就不用在HTML的元素中写类了

编译后的css，和下面不带输出的混合做对比

2. 不带输出的混合

编译后的css文件，从中发现.font_h不见了

3. 带选择器的混合

编译之后的css文件

其中， .my-hover-mixin():hover == &:hover

4. 带参数的混合

编译后的css文件

5. 带参数并且有默认值

编译后的css文件

调用后如果 .border_have()不带参数，就用默认的参数；如果传递了参数，就用传入的参数。而上边带参数但没有默认值时，如果调用时不传入参数就会报错。

6. 带多个参数的混合

编译后的css文件

less文件（定义具有多个相同名称和参数数量的混合）

编译后的css文件

less文件

编译后的css文件

如果使用mixin的时候只带一个参数，比如.mixin(red)，这个属性会导致所有的mixin都会强制使用这个明确的参数

7. 命名参数

编译后的css文件

8. @arguments变量

编译后的css文件

less文件

编译后的css文件

这里的solid是默认值，但也必须写上，否则会报错。

9. 匹配模式

编译后的css文件

注意：中间用逗号分割开

10. 得到混合中变量的返回值

编译后的css文件

名称：less

使用权限：所有使用者

使用方式：

less [Option] filename

说明：

less 的作用与 more 十分相似，都可以用来浏览文字档案的内容，不同的是 less 允许使用者往回卷动

以浏览已经看过的部份，同时因为 less 并未在一开始就读入整个档案，因此在遇上大型档案的开启时，会比一般的文书编辑器(如 vi)来的快速。

a.(little的比较级)

1. 较小的,较少的[+than]

He has less strength than I.

他力气比我小。

ad.(little的比较级)

1. 较小地,较少地不如[+than]

Thunderstorms are much less common in Ireland than in England.

爱尔兰的雷雨远较英格兰为少。

n.

1. 更少的数(量,额)[U]

I could do no less.

这是我起码要做的。

prep.

1. 减去扣除差...

She stayed a month less two days.

她呆了一个月少两天。

前面是Linux指令，后面是英文的释义……

亲您好，LESS文件生效的组件层级如下：

1. 全局：LESS文件对所有组件有效，无论在什么位置，只要打开文件，就可以生效

2. 项目：LESS文件只对该项目有效，即只对本项目中的所有组件有效

3. 组件：LESS文件只对该组件有效，即只能应用于同一组件的样式设置

4. 元素：LESS文件只对该元素有效，即只能应用于同一元素的样式设置

---