title: CSS Style Inheritance
body: <p>Lets say I want to define 2 styles.</p>
  
  <pre><code>.color_red { color: Red; }
  .banner { display: block; width: 100%; }
  </code></pre>
  
  <p>Is there a way that I can have the h1 style inherit the color_red style? I don't want to have to do</p>
  
  <pre><code>&lt;div class="banner color_red"&gt;This is my banner.&lt;/div&gt;
  </code></pre>
  
  <p>I'd prefer to do something like this...</p>
  
  <pre><code>.banner { ... inherit: color_red; }
  ...
  &lt;div class="banner"&gt;This is my banner.&lt;/div&gt;
  </code></pre>
  
  <p>And have the banner have red text.</p>