JSFiddle - React, Tailwind, and code Playground

by ShaCP

HTML

<div id="one" class="a">

<div class="two b">
<div class="three">
</div>
</div>

<div class="two">
<div class="three">
</div>
</div>
</div>

CSS

.three {
  width: 100px;
  height: 100px;
  background-color: lightskyblue;
}

#one.a > .two:not(.b) > .three {
  background-color: yellow;
}