具有多个变量的 LESS mixin

Question

我试图在 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);

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

Answer 1

你的 mixin 的语法很好，并且编译得很好。我在我的 LESS 转换器 中尝试了一下，一切都很好。我将规则应用于 a 标签选择器的页面：

a {
  .rgbabg(255);
}

它输出：

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

为我的链接着色，就像听起来应该的那样。

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