title: Alternative to css3 not selector
body: <p>Are there any alternatives to the <code>:not</code> css3 selector that are compliant with IE8 (and quirks mode).</p>
  
  <p>Either in css or javascript/jquery that emulates the selector or something similar. </p>
  
  <p>I am using <code>*:not</code> as follows below. Feel free to recommend a solution that avoids the use of <code>:not</code> completely. </p>
  
  <pre><code>@media screen {
      #printable {
          visibility: hidden;
      }
  }
  
  @media print {
      *:not(#printable) {
          visibility: hidden;
      }
      #printable {
          position: absolute;
          visibility: visible;
      }
  }
  </code></pre>
  
  <p>Note that the use of <code>:not</code> is tied to the use of <code>@media print</code> so just using a simple jQuery solution to apply css to <code>$(":not(#printable)")</code> won't work without being clever.</p>
  
  <p>Including an entire library like ie9.js or selectivirz isn't an option as it can effect various other parts of the pages and would involve a large section of re-testing. </p>
  
  <p>a jsfiddle that shows it working in browsers that support <code>:not</code> <a href="http://jsfiddle.net/Raynos/TjKbz/" rel="nofollow">http://jsfiddle.net/Raynos/TjKbz/</a></p>