title: How to exclude a class with all children in style definition
body: <p>I have a file like</p>
  
  <pre><code>&lt;div&gt;
   &lt;div class="abc"&gt;
    &lt;div&gt;
     &lt;!--some more divs inside--&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is to apply styles only to the first div. I tried to use <code>div:not(.abc, .abc *)</code>, <code>div:not(.abc):not(.abc *)</code>, <code>div:not(.abc), div:not(.abc) *</code> but none of these worked. It would be hard to edit the html, because there would be many files to be edited. Also the code shown above appears in different places, so using <code>&gt;</code> selector is not the solution... Does someone know how to do this?</p>