阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Less 混合参数

      描述

      参数mixin使用一个或多个参数,通过参数和其属性来扩展LESS的功能,以便在混合到另一个块时自定义mixin输出。

      例如,考虑一个简单的LESS代码片段:

      .border(@width; @style; @color) {
          border: @width @style @color;
      }
      
      .myheader {
          .border(2px; dashed; green);
      }
      

      这里我们使用参数mixin作为 .border 和三个参数,即宽度,样式和颜色。 使用这些参数,您可以使用传递的参数值自定义mixin输出。

      下表描述了不同类型的参数混合宏以及描述。

      S.N.类型及描述
      1Mixins具有多个参数
      参数可以使用逗号或分号分隔。
      2命名参数
      Mixins通过使用它们的名称提供参数值而不是位置。
      3@arguments Variable
      当调用mixin时, @arguments 包括所有传递的参数。
      4高级参数和@rest变量
      Mixin通过使用 …. 提供了可变数量的参数。
      5模式匹配
      通过将参数传递给它来改变mixin的行为。

      目录
      本文目录
      目录