Question

我有一个数组：

@styles: amelia, cerulean, cosmo, cyborg, darkly, flatly, fonts, journal, lumen, readable, simplex, slate, spacelab, superhero, united, yeti;

我有我的循环：

.loopStyles (@index) when (@index > 0) {
  @name: extract(@styles, @index);
  .nb-@{name} {
    @import (inline) 'bower_components/bootswatch/@{name}/bootstrap.css';
  }

  .loopStyles(@index - 1);
}

.loopStyles(length(@styles));

然而，这会引发错误：SyntaxError: Recursive variable definition for @index。

如果我删除@import或将import option reference更改为less或inline以外的其他内容，则可以正常使用。

我想要实现的是将这些额外样式作为类添加前缀的方法，所以如果样式表是内联而不是引用的话我更喜欢。

Answer 1

较少的文档状态＆＃34; ...仅考虑在根或当前作用域中声明的变量，并且在查找变量时仅考虑当前文件和调用文件。这意味着此用法通常仅限于将变量注入编译过程或在根文件开头定义变量时。＆＃34;

我在试图让它发挥作用时遇到了很多不相关的错误。

带有@import（内联）的LESSCSS循环导致“SyntaxError：递归变量定义”

1 个答案: