美文网首页
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

    分离的规则集包含一个普通的规则集,如属性,嵌套规则集,变量声明,mixins等。它存储在一个变量中,并包含到其他结...

  • less和sass的区别

    首先,sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,...

  • Less 学习笔记

    Less是一种动态样式语言 特性 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. ...

  • LESS与SASS的区别

    前言 首先sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空...

  • vue中使用sass和less

    sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域...

  • Less即学即用

    Less是什么? Less是一种动态样式语言,LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算...

  • less简述

    什么是less? 一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算,...

  • less学习笔记4-语言特性(mixins)

    花了这两天上班的空闲时间把mixins的大部分的相关内容写完了,但是还有两小块内容还没写,预计放在下一篇当中,下一...

  • less使用总结

    less语法 less的基础语法常用到的主要有:变量、混合(Mixins)、嵌套规则; 1.变量 和JS中的变量一...

  • 使用less的loop(循环)方法根据类名生成元素

    less是一个功能强大的css超集,可以方便我们进行css代码的书写,less具有很多现代语言的特性,而不是简单的...

网友评论

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

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