Less自定义函数：动态生成CSS属性名

在Less中，你可以使用自定义函数来接收变量并将其拼接为CSS属性名。下面是一个示例：

@color: red;

.my-mixin(@property) {
  @{property}: @color;
}

.my-class {
  .my-mixin(background-color);
}

在这个示例中，我们定义了一个变量@color，然后创建了一个名为.my-mixin的自定义函数，它接收一个变量@property。在函数内部，我们使用@{property}来拼接CSS属性名，然后将其设置为@color的值。

最后，我们可以在.my-class选择器中调用.my-mixin函数，并传入background-color作为参数，从而将background-color属性设置为@color的值。

这将生成以下CSS代码：

.my-class {
  background-color: red;
}

通过这种方式，你可以动态地根据传入的变量生成不同的CSS属性。你可以根据自己的需求扩展这个示例，并使用不同的变量和属性名来创建自定义函数。