title: Nested pseudoclasses in Less css
body: <p>I am trying to use LESS CSS to write my CSS but i got a problem with nested pseudoclasses
  I </p>
  
  <pre><code>.class1 { 
          &amp;:nth-of-type(2n) {  
              .class2{  
              } 
          } 
      }
  </code></pre>
  
  <p>the output is:</p>
  
  <pre><code>.class1.class2:nth-of-type(2n) {}
  </code></pre>
  
  <p>but I want to have this:</p>
  
  <pre><code>.class1:nth-of-type(2n) .class2{}
  </code></pre>
  
  <p>Any ideas?</p>