參數(shù)可以用逗號(hào)或者分號(hào)隔開(kāi)。使用逗號(hào)符號(hào)，你可以把它解釋為 mixin 參數(shù)分離器或 CSS 列表分隔。如果你使用分號(hào)在 mixin 里面，然后將其分開(kāi)用分號(hào)和 CSS 參數(shù)將列出所有的逗號(hào)。

它包括分號(hào)和逗號(hào)某些方面，如下表所示：

如果有兩個(gè)參數(shù)，則它們將包含逗號(hào)分隔的列表。例如 .class1(1, 2, 3; sometext, other thing).
如果有三個(gè)參數(shù)，僅包括數(shù)字，如 .class1(1, 2, 3).
可以使用虛擬分號(hào)包含逗號(hào)分隔的列表 .class1(1, 2, 3;).
有逗號(hào)分隔的默認(rèn)值。例如 .class1(@color: gray, green;)

語(yǔ)法

.mixin_name(@var_name1; @var_name2:some){
   //code here
}

示例

下面的例子演示了Less文件中使用 mixin 多個(gè)參數(shù)：

<!doctype html>
<head>
   <title>Mixin Multiple Parameters</title>
   <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
   <h2>Example of Mixin Multiple Parameters</h2>
   <p class="myclass">LESS enables customizable, manageable and reusable style sheet for web site.</p>
</body>
</html>

接下來(lái)，創(chuàng)建文件 style.less。

style.less

.mixin(@color) {
  color: @color;
}
.mixin(@color; @padding: 2) {
  color: @color;
  padding: @padding;
}

.myclass {
  .mixin(#FE9A2E);
}

你可以編譯 style.less 使用下面的命令來(lái)生成 style.css 文件：

lessc style.less style.css

接著執(zhí)行上面的命令，它會(huì)自動(dòng)創(chuàng)建 style.css 文件，下面的代碼：

style.css

.myclass {
  color: #FE9A2E;
  padding: 2;
}

輸出結(jié)果

讓我們來(lái)執(zhí)行以下步驟，看看上面的代碼工作：

保存上面的HTML代碼在 mixin_multiple_param.htmll 文件。

在瀏覽器中打開(kāi)該HTML文件，得到如下輸出顯示。

上一篇：Less命名空間和訪問(wèn)器下一篇：Less變量概述

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

Less Mixins使用多參數(shù)

語(yǔ)法

示例

style.less

style.css

輸出結(jié)果

讓我們來(lái)執(zhí)行以下步驟，看看上面的代碼工作： 保存上面的HTML代碼在 mixin_multiple_param.htmll 文件。 在瀏覽器中打開(kāi)該HTML文件，得到如下輸出顯示。

讓我們來(lái)執(zhí)行以下步驟，看看上面的代碼工作：

保存上面的HTML代碼在 mixin_multiple_param.htmll 文件。

在瀏覽器中打開(kāi)該HTML文件，得到如下輸出顯示。