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{}

何か案は？

score 3 · Accepted Answer

問題ない。おそらく、正しいコードを生成しないバージョンのLESSCSSがありました。オンラインのlessコンバーターを試して、正常に動作することを確認してください。これが私が得るものです：

（の）

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

（アウト）

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

1 に答える 1