相关疑难解决方法(0)

我正在尝试制作一个LESS mixin,它会给我这个输出:

.resource:nth-child(8n+1) { clear: left; }

到目前为止我有这个:

.wrap-every(@n) {
    &:nth-child(@n + "n+1") {  // parse error on this line
        clear: left;
    }
}

.resource {
    .wrap-every(8);
}

但它在指定的行上给出了解析错误

ParseError:无法识别的输入

有没有办法做到这一点？

我想在Less里面做一个for循环.是否可以在Less内部执行此操作？我知道它有能力评估js但在这个程度上？

尝试搜索这个,但鉴于语法很难.有没有办法在LESS中生成一个随机数？我检查了文档并没有看到任何内容,但想知道是否有人知道一个技巧或无证的解决方案.

我有一个导航菜单,根据菜单层次/分类中的深度为菜单项分配一系列颜色.因此,例如,所有顶级菜单项都会变为黑色,下一级变为红色,下一级变为绿色等,并且由于层次结构非常深,我想使用数学来定位它们,有点像css可以针对n-child.但是,我不能使用nth-child,因为这些容器元素('browse-level')是从DOM中动态添加和删除的(它们不是同时存在于DOM中)这就是为什么我的目标数据属性.

所以这是CSS:

.browse-level[data-level="1"] li a {
  background: @level1;
}

.browse-level[data-level="2"] li a {
  background: @level2;
}

.browse-level[data-level="3"] li a {
  background: @level3;
}

.browse-level[data-level="4"] li a {
  background: @level4;
}

......等

有8个颜色值(之后序列将重复).我可以(使用LESS或纯CSS)缩短此代码吗？