css - Less CSS中的嵌套伪类

我试图使用较少的css来编写css，但是我遇到了嵌套伪类的问题
我

.class1 {
        &:nth-of-type(2n) {
            .class2{
            }
        }
    }

输出为：

.class1.class2:nth-of-type(2n) {}

但我想要这个：

.class1:nth-of-type(2n) .class2{}

有什么想法吗？

最佳答案

不是问题。您可能有一个没有生成正确代码的less css版本。试试online less converter看看它是否工作正常。我得到的是：
（in）

.class1 {
  &:nth-of-type(2n) {
    .class2{
      x:1;
    }
  }
}

（出）

.class1:nth-of-type(2n) .class2 {
  x: 1;
}