美文网首页
Less语言特性 - 将规则集传递给Mixins

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

作者: 张中华 | 来源:发表于2021-07-22 07:19 被阅读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时,声明范围获取优先级。 分离的规则集体在声明范围中定义。 在将分离的规则集从一个变量复制到另一个变量后,它不会更改其范围。

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

    |

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

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

    相关文章

      网友评论

          本文标题:Less语言特性 - 将规则集传递给Mixins

          本文链接:https://www.haomeiwen.com/subject/bubvjltx.html