title: CSS: How to use :not(a) if there is no a Tag?
body: <p>I want to add different content via CSS. <br>
  If there is a link within <code>&lt;td&gt;&lt;/td&gt;</code> it should show YaY and if there is no link it should show Boo.
  But Boo is never displayed, I have tried different combination of :not()..</p>
  
  <p>Its part of a software where I can't add HTML code, just can change CSS.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.demo-td-1 &gt; a::before {
    content: "YaY ";
  }
  
  .demo-td-1 &gt; :not(a)::before {
    content: "Boo ";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
  &lt;tr&gt;&lt;td class="demo-td-1"&gt;&lt;a href="#"&gt;foo&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td class="demo-td-1"&gt;bar&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>