title: CSS *:not(div p) does not select anything
body: <p>I have the following a HTML code:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt; linux version&lt;/p&gt;
      &lt;h1&gt; new tool &lt;/h1&gt;
  </code></pre>
  
  <p>And some CSS for it that should select <code>&lt;h1&gt;</code> but does not select anything.</p>
  
  <pre class="lang-css prettyprint-override"><code>*:not(div p) {
      font-family: sans-serif;
  }
  </code></pre>
  
  <p>The following does not work too:</p>
  
  <pre class="lang-css prettyprint-override"><code>*:not(div&gt;p) {}
  </code></pre>
  
  <p>I have so many such <code>&lt;div&gt;</code> <code>&lt;p&gt;</code> in the HTML whereas the following selects and apply the font:</p>
  
  <pre class="lang-css prettyprint-override"><code>div p {
      font-family: sans-serif;
  }
  </code></pre>