title: Inheriting background color in nested tables?
body: <pre><code>th 
  {
      background-color: #cc6600;
  }
  .nested_table th
  {
      background-color: none;
  }
  </code></pre>
  
  <p>Despite setting the background-color property for the headings in the nested table to none, I still get the orange color (#cc6600) that I set in a rule for <code>&lt;th&gt;</code> earlier.</p>
  
  <p>The rule for the nested table's <code>&lt;th&gt;</code> is below the rule for <code>&lt;th&gt;</code> in the CSS and hence would be given higher preference. Also, it is more specific.</p>
  
  <p>Why then is the orange color not overridden?</p>
  
  <p>Another observation that I made was that although setting background color to none may seem erroneous, it is not. If I were to change the background color property of the <code>&lt;th&gt;</code> rule, the rules below (<code>.alternate</code> and <code>.nested_table th</code>) still evaluate. This could not have been possible if setting background color to none was erroneous as the browser would have stopped reading the file from that point on wards.</p>