手写笔迭代 + 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

手写笔迭代 + nth-of-type 插值

Stylus Iteration + Interpolation with nth-of-type

iteration

interpolation

stylus