JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Browser default</a>

<div id="links"> <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a>  <a href="#" class="default">Default link</a>  <a href="#">Styled link</a>  <a href="#">Styled link</a> 
</div>

CSS

#links a {
    color: black;
}
#links a.default {
    color: initial;
}