Less实战（三）：混合（Mixins）

混合（Mixins）

混合（Mixin） 是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法。
Less 中的作用域与 CSS 中的作用域非常类似。首先在本地查找变量和混合（mixins），如果找不到，则从“父”级作用域继承。

@color: red;

.father{
   
    background:@color;
}

#son{
   
    color: @color;
    .father();
}

编译后 >>>

---

Mixins中的选择器

Mixins可以包含更多的属性，这些属性也能包含在选择器中

.kok(){
   
    &:hover{
   
        color: blue;
    }
}

div{
   
    .kok();