如何在更少的程度上使用递归定义?

时间:2018-11-29 02:36:49

标签: css less

我想通过另一个变量来获取变量。

@index:2;
@theme1-color: #2d8cf0, #19be6b, #515a6e, #363e4f, rgba(255,255,255,.7);
@theme2-color: #2d8cf0, #89bf04, #89bf04, #89bf04, #89bf04;

@primary-color          : extract(@{theme@{index}-color},1);

我的代码有什么问题?还是有更好的方法呢?

1 个答案:

答案 0 :(得分:1)

根据Output image,您可以使用变量名。

@index: 2;
@theme1-color: #2d8cf0, #19be6b, #515a6e, #363e4f, rgba(255, 255, 255, 0.7);
@theme2-color: #2d8cf0, #89bf04, #89bf04, #89bf04, #89bf04;

@primary-color: "theme@{index}-color";

a {
  color: extract(@@primary-color, 1);
}