分离的规则集包含一个普通的规则集,如属性,嵌套规则集,变量声明,mixins等。它存储在一个变量中,并包含到其他结构中,其中规则集的所有属性都将被复制到该结构。
示例
index.less
@detached-ruleset: {
.mixin() {
font-family: "Comic Sans MS";
background-color: #AA86EE;
}
};
.cont {
@detached-ruleset();
.mixin();
}
.cont {
font-family: "Comic Sans MS";
background-color: #AA86EE;
}
范围
分离的规则集中的所有变量和混合宏在被调用或定义的地方都可用,否则调用者和定义范围都可用。 当两个范围包含相同的mixin或variable时,声明范围获取优先级。 分离的规则集体在声明范围中定义。 在将分离的规则集从一个变量复制到另一个变量后,它不会更改其范围。
| 定义和调用范围可见性
|
引用将不会修改分离的规则集范围