title: Change button classes on hover in CSS only
body: <p>I'm using bootstrap for a simple test webapp. I want a button to start off with the standard style (<code>btn</code>), and switch to the <code>btn-danger</code> style only on hover. I know this can be done with jquery or straight javascript, but I'm really not interested in that approach.</p>
  
  <p>Can I do this in straight CSS <em>without</em> copying any of the bootstrap style code into my own CSS? Ideally, I'd like to be able to do something like this:</p>
  
  <pre><code>.mybutton {
  
  }
  
  .mybutton:hover {
    style: btn-danger;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wPDCm/5/" rel="nofollow">http://jsfiddle.net/wPDCm/5/</a></p>