title: When to use "!important" to save the day (when working with CSS)
body: <pre><code>#div p {
      color: red !important;
  }
  ...
  #div p {
      color: blue;
  }
  </code></pre>
  
  <p>I understand how <code>!important</code> works, in this case the div will render red because now it has priority (!important). But I can't still figure out an appropriate situation to use it. Does anybody know any example where <code>!important</code> saves the day?</p>