title: jquery :not selector question (combine Descendant Selector with :not)
body: <p>I try to combine the Descendant Selector <code>(.a .b)</code> (only select items with class .b if they are an indirect child of .a). With the <code>:not(.a)</code> (only select if it's not class .a)  selector.</p>
  
  <p>I setup a simple example in jsfiddle: <a href="https://jsfiddle.net/eqj1p3gf/1/" rel="nofollow noreferrer">https://jsfiddle.net/eqj1p3gf/1/</a></p>
  
  <p>I want to select all elements with the class .wanted, but only if they are not an indirect child of an element with the class .aaa.:</p>
  
  <pre><code>&lt;div class="aaa"&gt;
    &lt;div class="something"&gt;
      &lt;div class="wanted"&gt;
        I don't want this
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="bbb"&gt;
    &lt;div class="somethingelse"&gt;
      &lt;div class="wanted"&gt;
        I only want this
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For that I try to use this selector: <code>$(":not(.aaa)  .wanted")</code>, but it selects both .wanted elements because both elements have a parent that is not <code>.aaa</code>.</p>
  
  <p>How could I create such a selection?</p>