JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="remember">
    <a class="foo">INSIDE text (Should be black)</a>
  </div> 

  <br>
  <a class="foo">OUTSIDE text (Should be red)</a>    
</div>

CSS

div:not(.remember) .foo
{
    color:red;
}
div.remember .foo { color: inherit; }