How not to select the

by Admiral Potato

HTML

<div class="hi-there">

  <p>we colors out here</p>
  
  <div class="goats">
    plain text node in goats
    <p>We NOT colors in here</p>
  </div>

  <p>we colors out here</p>
  
  <div class="moats">
    plain text node in goats
    <p>We still colors in here</p>
  </div>

</div>

CSS

.hi-there >:not(.goats) {
  color: #f00;
}