JSFiddle - React, Tailwind, and code Playground

HTML

<body>
      <div class="container">
           <span class="helper">I am being applied</span>
          <div>
              <span class="helper">I am helper but i am not red</span>
          </div>    
      </div>
</body>

CSS

body > div > span {
    color: red !important;
}
.helper { color: green }