Less Mixins

Mixin 是 CSS 属性的集合，方便您将一组属性从一个规则集添加到另一个规则集，并包含类名作为其属性。 它们类似于编程语言中的函数。 在 Less 中，mixin 可以像 CSS 样式一样使用类或 id 选择器声明。 它可以存储多个值，并在需要时在代码中重复使用。

Mixin 语法

Mixin 输出

Less Mixin 的用法

让我们举一个例子来演示在 Less 文件中使用 mixin。

创建一个名为 "simple.html" 的 HTML 文件，其中包含以下数据。

HTML 文件：simple.html

现在创建一个名为 "simple.less" 的文件。 它类似于 CSS 文件。 唯一的区别是它以 ".less" 扩展名保存。

Less 文件：simple.less

将 "simple.html" 和 "simple.less" 两个文件放在 Node.js 的根文件夹中

现在，执行以下代码：lessc simple.less simple.css

这将编译 "simple.less" 文件。 将生成一个名为 "simple.css" 的 CSS 文件。

例如

这将编译 "simple.less" 文件。 将生成一个名为 "simple.css" 的 CSS 文件。

例如

生成的 CSS "simple.css" 具有以下代码

输出