title: Calling a CSS class inside another class?
body: <p>Is it possible to have one CSS class reference another? Instead of rewriting all the css code again?</p>
  
  <p>For example, I have this:</p>
  
  <pre><code>.btn{
      /* Whatever btn related styles I have */
  }
  
  .btn:hover{
      box-shadow:0 0 4px black;
  }
  
  .btn:active{
      /* This is where I want to reference the '.red' class */
  }
  
  .red{
      /* There is a LOT of CSS code here for cross browser gradients */
  }
  </code></pre>
  
  <p>The thing is, I'm already using the .red class as is in certain places, and I'd also like to apply the same gradient style to the 'active' state of all elements with the .btn class...</p>
  
  <p>If you can help solve (it need not be the way I've requested it) this, I'd greatly appreciate it...</p>