Less混合在另一個混合中

每當一個被混入內另一混入所定義,它也可被用作返回值。

示例

下面的例子演示瞭如何在混合裏面混合在LESS文件:

Mixin inside mixin

Welcome to Yiibai Yiibai

LESS is a CSS pre-processor that enables customizable, manageable and reusable style sheet for web site.

接下來,創建文件 style.less。

style.less

.outerMixin(@value) {
.nestedMixin() {
font-size: @value;
}
}
.myclass {
.outerMixin(30);
.nestedMixin();
}

你可以編譯style.less使用下面的命令來生成 style.css 文件:

lessc style.less style.css

接着執行上面的命令,它會自動創建 style.css 文件,下面的代碼:

style.css

.myclass {
font-size: 30;

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上面的HTML代碼在 less_mixin_inside_mixin.html 文件。

  • 在瀏覽器中打開該HTML文件,得到如下輸出顯示。

Less混合在另一個混合中