title: Overwrite rules of h4 with a class selector
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div class="main"&gt;
    &lt;div class="container"&gt;
        &lt;h4 class="test"&gt; Test &lt;/h4&gt;
    &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>And the following CSS:</p>
  
  <pre><code>.main .container h4 {
   color: red;   
  
  }
  .test {
   color: blue;   
  }
  </code></pre>
  
  <p>Why would the class .test not overwrite the color rule? How can I accomplish this?</p>
  
  <p>Thanks</p>
  
  <p>​</p>