title: CSS Not Selector: Select All Except Inside of Element
body: <p>I have the class "item" appearing throughout the page. The styling is the same throughout the page. However, I don't want the styling to be applied when it appears in an element with the class "group". I'd really like to use the :not pseudo selector so I don't have to create another style for this special case.</p>
  
  <p>CSS</p>
  
  <pre><code>.item, .group div:not(.item){
      color:red;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="item"&gt;I have style!&lt;/div&gt;
  &lt;div class="group"&gt;
      &lt;div class="item"&gt;No style for me, thanks!&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>