title: Correct use of CSS :not selector for excluding element when in particular container
body: <p>I am styling a series of pages of which I have no control of their markup, and it is presenting some unique challenges. The styles are based on a design mockup that I was given and therefore there are instances of- for example- h2 elements that must look different than other particular h2 elements in order for the design to be adhered to. </p>
  
  <p>Currently, I am trying to apply some styling that should affect <em>most</em> h2 elements, but not h2 elements which appear within a div with the class "block". How would the CSS selector look in this case? I went out on a limb and tried this, but was correct in assuming it wasn't quite right.</p>
  
  <pre><code>h2:not(.block h2) {
     ~styling for main h2 elements~
  }
  .block h2 {
    ~separate styling for h2 elements within .block div~
  }
  </code></pre>
  
  <p>Can someone shed some light? Thanks!</p>