title: How to overwrite a css style from another css file?
body: <p>I need to overwrite the header style from style.css. </p>
  
  <p>Here's the style that I need to overwrite.</p>
  
  <pre><code>.t_header{
      text-align: center;
      background-color: #bfd4f0;  
      color:#15428b;
      white-space:nowrap ;
      margin:0px 10px 0px 10px;
      height:1.5em;
  }
  </code></pre>
  
  <p>Now I created another css file name black.css and I need to create a different background color for <code>.t_header</code></p>
  
  <pre><code>.t_header{
      text-align: center;
      background-color: white !important; 
      color:#15428b;
      white-space:nowrap ;
      margin:0px 10px 0px 10px;
      height:1.5em;
  }
  </code></pre>
  
  <p>I already used <code>!important</code> to overwrite the style from style.css but its not working but for some reason, the other style class and id that I overwrite using !important worked well. 
  I hope someone can give me another way to overwrite the style aside using <code>!important</code>. Thanks</p>