少有混合多变量

Question

我正在尝试在LESS中制作一个包含多个变量的mixin，但由于某些原因它无效。我没有这个：

.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 converter中试了一下，这一切都很好。我将规则应用于a标记选择器的页面：

a {
  .rgbabg(255);
}

它输出：

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

我的链接就像听起来应该这样。

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