title: querySelector for skipping elements
body: <p>I have a question about the querySelector. is there a way to search for all p elements in an html file but skip those p elements who are in a specific div? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div&gt;
       &lt;p&gt;hit&lt;/p&gt;
       &lt;p&gt;hit&lt;/p&gt;
       &lt;p&gt;hit&lt;/p&gt;
       &lt;div&gt;
           &lt;p&gt;hit&lt;/p&gt;
           &lt;p&gt;hit&lt;/p&gt;
           &lt;p&gt;hit&lt;/p&gt;
           &lt;p&gt;hit&lt;/p&gt;
  
       &lt;/div&gt;
   &lt;/div&gt;
  &lt;div class="donthit"&gt;
      &lt;p&gt;dont&lt;/p&gt;
      &lt;p&gt;find&lt;/p&gt;
      &lt;p&gt;us&lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>thats my example html. is there a way to get all p elements but not the ones in div  class = "donthit"?</p>