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

2021-07-22  本文已影响0人  张中华

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

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

|

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

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

上一篇 下一篇

猜你喜欢

热点阅读