JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">
  <span>Span 1.
    <span>Span 2.</span>
  </span>
</div>

<div class="two">
  <span>Span 1.
    <span>Span 2.</span>
  </span>
</div>

CSS

span { color: blue; }
div.one span { color: red; }
div.two > span { color: green; }