title: Less nested class with html tag
body: <p>How can I do that (nested class with html tag) in Angular2 application:</p>
  
  <pre><code>/***** File2.less *****/
  @import "File1.less";
  O-hr:nth-child(odd) {
      O-hr.color1;              //Error
  }
  
  /***** File1.less *****/
  O-hr.color1 {
      .caption {
          color: @highlight1-backcolor;
      }
  }
  </code></pre>
  
  <p>Compiler gives me error: Module build failed: Unrecognised input.</p>