title: CSS Overlay Effect - Exclude certain container
body: <p>I am applying an overlay effect to a webpage with the CSS shown here:</p>
  
  <pre><code>.jqifade{
      position: relative; 
      background-color: #000000; 
      height:2315px !important; /*set to page height*/
  }
  </code></pre>
  
  <p>This CSS overlays the entire webpage with a color (black) which is later set to 30% opacity with JS. I would like to exclude a div with <code>id="noOverlay"</code> so that the CSS is NOT applied to this div. Is this possible? And if so... how?? </p>