JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <p class="good">good</p>
</div>

<div class="parent">
  <p class="bad">bad</p>
</div>

CSS

.parent:not(p.bad){
  color: green;
  font-size: 2em;
}

.parent:not(p.good){
  color: red;
  font-size: 2em;
}