css - 如何在less中使用递归定义？

Question

我想通过另一个变量获得一个变量。

@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);

我的代码有什么问题？或者有没有更好的方法来做到这一点？

标签： cssless

Answer 1

根据Witcher42，您可以使用变量名称。

@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);
}