title: CSS-Less class extend class with pseudo class
body: <p>I was wondering how I could do something like the following with less css:</p>
  
  <pre><code>.btn {
    color : black;
  }
  
  .btn:hover {
    color : white;
  }
  
  .btn-foo {
    .btn;
    &amp;:hover {
      .btn:hover;
    }
  }
  </code></pre>
  
  <p>Of-course this is just an example, what need to point is if there is any way to extend the pseudo-class in order to avoid re-type the properties of <code>:hover</code> pseudo class everywhere I need them. I know I could create a mixin for that but I'm wondering if I could avoid it. </p>
  
  <p>Thanks</p>