title: How to use :not selector with links
body: <p>i have a hover effect for the links on my website. i want these to apply to every link EXCEPT ones in a particular div.</p>
  
  <p>Example HTML</p>
  
  <pre><code>&lt;div id="menu"&gt;
  &lt;div class="menu_item"&gt;
  &lt;a href="index.html" title="Home" target="_self"&gt;
  &lt;img src="_images/_menu/Home.png"
  onmouseover="this.src='_images/_menu/homeHover.png'" 
  onmouseout="this.src='_images/_menu/Home.png'" 
  onclick="this.src='_images/_menu/homePressed.png'" alt=""/&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS i have been trying to us</p>
  
  <pre><code>a:hover:not(.menu_item) {
  background-color: #D6910E;
  color: #FFE1A7;
  } *no change*
  
  a:hover:not(#menu) { *no change*
  
  a:hover:not(#menu.menu_item) {  *turns off hover on all links*
  a:hover:not(#menu .menu_item) {  *turns off hover on all links*
  </code></pre>