title: How to add !important to every element in a CSS file
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/7640847/is-there-a-shortcut-for-setting-important-on-every-property-in-a-css-file">Is there a shortcut for setting !important on every property in a CSS file?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a unique problem. In css, <code>!important</code>  overrides any element already declared - but let's say I want <em>all</em> styles to override any other mentioned stylesheet; well, normally I would put the override second on the html file like this:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="override.css"&gt;
  </code></pre>
  
  <p>But for some reason this isn't working. Specifically, what I am doing, is adding classes to append basic css styles. Like this:</p>
  
  <pre><code>&lt;div class="no-border-right float-left no-margin-top"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And in my CSS:</p>
  
  <pre><code>.no-border-right {
      border-right: 0px solid transparent;
  }
  
  .float-left {
      float: left;
  }
  
  .no-margin-top {
      margin-top: 0;
  }
  </code></pre>
  
  <p>But, it's still not overriding. I would just add <code>!important</code> to every element, but the problem is, I've already structured the 14gb library. (I work on this only when I'm bored... hehe :P) So I was wondering how to add <code>!important</code> to every element. Like:</p>
  
  <pre><code>* {
      ...!important;
  }
  </code></pre>
  
  <p>Maybe not even that... Any ideas?</p>