Stylus Iteration +插入与nth-of-type

Question

我正在尝试使用循环通过这样的项目列表时提供的计数器：

colors = red blue orange green yellow

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

此示例不起作用，但我正在寻找的预期输出是：

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