JSFiddle - React, Tailwind, and code Playground

HTML

<div class="demo"><a class="color1" href="#">color1</a></div>
<div class="demo"><a class="color2" href="#">color2</a></div>
<div class="demo"><a class="color3" href="#">color3</a></div>
<div class="demo"><a class="color4" href="#">color4</a></div>

<div class="demo2"><a href="#">color1</a></div>

CSS

.color1 {
  color: #000;
}
.color2 {
  color: #888;
}
.color3 {
  color: red;
}
.color4 {
  color: yellow;
}
.demo2 a {
   color: green;
}