带有多个变量的 LESS mixin答案

【问题标题】：LESS mixin with multiple variables带有多个变量的 LESS mixin
【发布时间】：2011-09-21 15:29:26
【问题描述】：

我正在尝试在 LESS 中创建一个包含多个变量的 mixin，但由于某种原因它无法正常工作。我有这个 LESS：

.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
  @val: rgba(@r, @g, @b, @a);

  background: @val;
}

我这样称呼它：

.rgbabg(255, 0, 0, .5);

但我根本没有关于我的元素的任何背景。我的语法好吗？

【问题讨论】：

【解决方案1】：

你的 mixin 语法很好，编译也很好。我在LESS converter 中尝试过，一切都很好。我将规则应用于a 标签选择器的页面：

a {
  .rgbabg(255);
}

它输出：

a {
  background: rgba(255, 0, 0, 0.5);
}

我的链接的颜色就像听起来应该的那样。

您使用什么版本的 LESS 进行编译 - 编译器的平台和版本是什么？我不会推荐 Ruby 编译器，因为我认为它不再跟得上，而且所有很酷的新功能和支持都在 Javascript less.js 项目上。如果您是在 PHP 或 .NET 中执行此操作，那么您应该分别检查这些项目。

【讨论】：