title: Override !important In WordPress Parent Theme
body: <p>I have the following CSS code in a custom.css style sheet which is part of the Main theme</p>
  
  <pre><code>.thm-unit-test h3 {
      font-size: 28px !important;
  }
  </code></pre>
  
  <p>I have added the following code to my child theme CSS</p>
  
  <pre><code>.thm-unit-test h3 {
      font-size: 18px !important;
      color: #222;
      font-weight: 700;
  }
  </code></pre>
  
  <p>But it is not not working. With this in mind how do I override the <strong>!important</strong> in the main custom.css. Because if I can override it than the code in my child theme can take effect</p>