title: can't override inline style with ! important property?
body: <p>I have a div which defined as follow:</p>
  
  <pre><code>&lt;div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="div_box"&gt;... ...
  &lt;/div&gt;
  </code></pre>
  
  <p>since the div is currently using the inline style (which I hate this!) I need to override the background color as well as the color.</p>
  
  <p>I have tried:</p>
  
  <pre><code>.div_box[style] {
  background-color: rgb(216, 219, 215) ! important; 
  color: rgb(94, 94, 94) ! important;
  }
  </code></pre>
  
  <p>but doesn't work. Also tried .div_box { ... } and still not working.</p>
  
  <p>So my question is, how am I override the above div style without manually changing the inline style?</p>