在css中使用较少变量`＆amp;：nth-​​child（3n）`

Question

我正在使用Less，Gulp和Webpack。我的.less文件中有一个变量：

@rows: 3;

现在我想在这里使用它：

&:nth-child(@rows n) {
    margin-right: 0;
}

但pulp断了。有没有办法在这里使用较少的变量？

谢谢！

Answer 1

我没有少用自己，但我认为你做错了。

你写的东西会输出

.myClass:nth-child(3 n){};

如果你想输出.myClass:nth-child(3n){};，你应该写：

.myClass:nth-child(@{row}n) {
    margin-right: 0;
}

这样，您的变量将紧挨着n。