title: CSS Style if not children
body: <p>I need to apply a style to an element if a specific class is NOT a child of the element.</p>
  
  <pre><code>&lt;table class="printlist" style="width:100%"&gt;
    &lt;tbody&gt;
      &lt;tr class="list_wanted0"&gt;&lt;td&gt;Whatever...&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="list_wanted1"&gt;&lt;td&gt;
        &lt;div class="journal"&gt;
          &lt;table&gt;&lt;tbody&gt;
            &lt;tr&gt;&lt;td style="width: 9em"&gt;2011-03-12 09:36&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
        &lt;/div&gt;
      &lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The example above is reduced to a minimum to demonstrate the structure.  </p>
  
  <p>What I want is to have the <code>:Hover</code> properties only to apply <code>.printlist tr</code> if <code>&lt;tr&gt;</code> has <strong>NO</strong> <code>.journal</code> child.</p>
  
  <p>The <code>.list_wanted0</code> and <code>.list_wanted1</code> can not be used to select the <code>.journal</code>, it can be other class names there.</p>
  
  <p>The CSS I have tried is:</p>
  
  <pre><code>.printlist tr:Hover * :not(itemjournal) {
    color: #000;
    background: #aaa
  }
  </code></pre>
  
  <p>Obviously, this doesn't work as I intended to.  </p>
  
  <p>If you need more information, don't hesitate to ask,<br>
  Thank you.</p>