title: More important than !important (a higher level !important)?
body: <p>The title says most of it. Is there a CSS keyword which overrides <code>!important</code> at one higher level or is there some feature like this planned in any newer CSS spec?</p>
  
  <p>Of course, I know that <code>!important</code> is a bit likely to be used by noobs and that in many cases it is not the best way to go as stylesheets may really suck if badly written. However, sometimes it's useful and even needed.</p>
  
  <p>The strongest style in CSS I can think of is an inline style with <code>!important</code> like this:</p>
  
  <pre><code>&lt;span id="bluebeaver" style="color: red !important;"&gt;I am a happy blue beaver&lt;/span&gt;
  </code></pre>
  
  <p>Now let's assume that I cannot edit the HTML and must modify the style from an external stylesheet.</p>
  
  <p>It would be really great to have something like:</p>
  
  <pre><code>#bluebeaver {
      color: blue !important 2;
  }
  </code></pre>
  
  <p>If they had levels for it like for instance with <code>z-index</code>.</p>
  
  <p>Is there any solution to this or anything planned with newer CSS specifications? 
  So far I did not find anything.</p>
  
  <p>Can you show a CSS solution to override an <code>!important</code> inline style or is there definitely no possibility?</p>