Вложенные псевдоклассы в Less css

Question

Я пытаюсь использовать LESS CSS для написания своего CSS, но у меня возникла проблема с вложенными псевдоклассами. I

.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;
}