css - Less CSS 中的嵌套伪类

Question

我正在尝试使用 LESS CSS 来编写我的 CSS，但我遇到了嵌套伪类的问题

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

输出是：

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

但我想要这个：

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

有任何想法吗？

Answer 1

没什么大不了。您可能有一个没有生成正确代码的 LESS CSS 版本。尝试在线少转换器，看看它工作正常。这是我得到的：

（在）

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

（出去）

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