在自选择器LESS中使用变量

Question

我无法弄清楚如何创建自选择器。我最好的猜测是：

.mixin(@var) {
    &(~':nth-of-type(@{var}n)') {
        // do stuff
    }
}

但是当用作

时

.el { .mixin(3); } 

可生产

.el :nth-of-type(3n) { //do stuff }

未能产生预期的结果。

对此方面的任何帮助表示赞赏。 感谢。

Answer 1

这取决于您使用的LESS版本，但使用1.3.3时，这应该可以使用

.mixin(@var) {
    @nthItem: ~":nth-of-type(@{var}n)";

    &@{nthItem} {
        // do stuff
    }
}