css - 如何通过变量获得较少的地图值？

Question

为什么这不起作用？

@colors: {
  red: #2A3F50;
}

.yyy{
  @color: red;
  color: @colors[ @color ];
}

是否在 Less 方法中使用带有地图的变量？错误：

未找到变量@color

PS：但这段代码工作正常：

@colors: {
  red: #2A3F50;
}

.yyy{
  @color: red;
  color: @colors[ red ];
  background-color: @color;
}

如果我@@color输入 [ ]，它会抛出 Variable @red not found

标签： cssless