Less混入

混合类似于编程语言中的函数。

Mixins 是一组CSS属性，允许我们将一个类的属性嵌套于另一个类，被嵌入的类可以看作是变量，并且包含类名作为其属性，也就是说我们可以用一个类定义样式然后把它当作变量，在另一个类中，只要引用变量的名字，就能够使用它的所有属性。

在Less中，可以使用类或者是id选择器以与CSS样式相同的方式声明mixin，它可以存储多个值，并且可以在必要的时候在代码中重复使用。

注意：当我们调用mixin时，括号是可选的。

不输出mixin

如果要创建一个mixin，但是又不想要输出mixin的话，我们可以在它的后面加上一个括号。

    .myMixin1 {
      color: green;
    }
    .myMixin2() {
      background: red;
    }
    .allMixin {
      .myMixin1;
      .myMixin2;
    }
    
    // 输出
    .myMixin1 {
      color: green;
    }
    .allMixin {
      color: green;
      background: red;
    }

Mixins 中的选择器

Mixins不仅可以包含属性，还可以包含选择器。

    .myxkd-mixin() {
      &:hover {
      	color: red;
      	font-size: 30px;
        border: 1px solid green;
      }
    }
    button {
      .myxkd-mixin()