title: What are the implications of using "!important" in CSS?
body: <p>I've been working on a website for a few months, and a lot of times when I've been trying to edit something, I have to use <code>!important</code>, <em>for example</em>:</p>
  
  <pre><code>div.myDiv { 
      width: 400px !important;
  }
  </code></pre>
  
  <p>in order to make it display as expected. Is this bad practice? Or is the <code>!important</code> command okay to use? Can this cause anything undesired further down the line? </p>