title: How do I prevent my style from being overridden another style on a surrounding div?
body: <p>It seems elementary, but here is problem.</p>
  
  <p>Stylesheet like so: </p>
  
  <pre><code>#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {
    color: #405679;
  }
  
  h3#issueHeader {
    color: blue;
  }
  </code></pre>
  
  <p>HTML like so:</p>
  
  <pre><code>&lt;div id="Content"&gt;
    &lt;h3 id="issueHeader"&gt;In This Issue:&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><p>Instead of my issueHeader selector overriding the Content selector like I would expect, Firebug and my eyeballs show me that the color is inherited from the div, and the <em>issueHeader</em> selector is overridden. Hunh?</p>