title: Import classes hover state to other classes in .LESS
body: <p>Just learning .less and using twitters bootstrap in my project.</p>
  
  <p>If i whant an green button for an form to submit i have to write:</p>
  
  <pre><code>&lt;input type="submit" value="submit" class="btn btn-success" /&gt;
  </code></pre>
  
  <p>But i will be able to skip the class attribute in the input tag.</p>
  
  <p>I will not change the twitter bootstrap file. I will overload them in my default.less file like this:</p>
  
  <pre><code>button, input[type="submit"]{ .btn; .btn-success; }
  </code></pre>
  
  <p>But then I do not get the hover state and active state to the button and i get errors if i try to make it like this:</p>
  
  <pre><code>button, input[type="submit"]{/* previus code... */ &amp;:hover{ .btn:hover; }}
  </code></pre>
  
  <p>You may notice what i trying to accomplish. I know I can do this in jquery or javascript but i will be able to do this in my .less-file whitout touching orginal bootsrap-files.</p>