title: select all the <P> outside a particular div (class)
body: <p>I want to select all the <code>&lt;p&gt;</code> tag except the ones inside the <code>div</code> whose <code>class</code> is <strong>div-class</strong>. I tried the following and it didn't do the job.</p>
  
  <pre><code>&lt;style&gt;
      p:not(.div-class p) {
          color:red;
      }
  &lt;/style&gt;
  
  &lt;p&gt; a p tag outside the div &lt;/p&gt;
  &lt;div class="div-class"&gt;
      &lt;p&gt; a p tag inside the div &lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt; a p tag outside the div &lt;/p&gt;
  </code></pre>
  
  <p><code>p:not(.div-class p)</code> - this selector is not working.</p>