title: Less.js : how to avoid multiple prefix in less file definition ?
body: <p>For example, I have a html fragment definition as below:</p>
  
  <pre><code>&lt;div class="login"&gt;
      &lt;div class="header"&gt;...&lt;/div&gt;
      &lt;div class="content"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  .......
  &lt;div class="home"&gt;
      &lt;div class="header"&gt;...&lt;/div&gt;
      &lt;div class="content"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a less file called login.less, with content as below:</p>
  
  <pre><code>.login {
      ....
  }
  
  .login .header {
      ....
  }
  
  .login .content {
      ....
  }
  </code></pre>
  
  <p>As you can see above, every time I add a class under "login" div, I have to write something like <code>.login .class</code>, I have to add <code>.login</code> before them. Is there any method in less.js to define a base class name so that I don't need to add <code>.login</code> everytimes?</p>