手写笔+迭代插值第n-的型

Question

我试图使用循环直通像这样的项目清单时提供的计数器：

colors = red blue orange green yellow 

li 
    for color, i in colors 
     &:nth-of-type({i}n) 
      background-color: color 

这个例子没有工作，但预期输出I寻找的是：

li:nth-of-type(1n) { 
    background-color: red; 
} 
li:nth-of-type(2n) { 
    background-color: blue; 
} 
li:nth-of-type(3n) { 
    background-color: orange; 
} 
... 

这可能吗？

Answer 1

其实你的例子的输出几乎是正确的。它从0开始，你需要1，所以这应该工作：

colors = red blue orange green yellow 

li 
    for color, i in colors 
     &:nth-of-type({i + 1}n) 
      background-color: color