0
点赞
收藏
分享

微信扫一扫

Less语言特性 - 将规则集传递给Mixins


分离的规则集包含一个普通的规则集,如属性,嵌套规则集,变量声明,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时,声明范围获取优先级。 分离的规则集体在声明范围中定义。 在将分离的规则集从一个变量复制到另一个变量后,它不会更改其范围。

| ​​定义和调用范围可见性​​

|

​​引用将不会修改分离的规则集范围​​

| ​​解锁将修改分离的规则集范围​​ |

举报

相关推荐

0 条评论