JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="test1">Test 1</a><br />
<a href="#">Test 2</a><br />
<a href="#">Test 3</a>

CSS

a {
 color: blue;
text-decoration: none;    
}

a:hover {
 color: yellow;
text-decoration: underline;    
}

#test1 {
    color: black;
    text-decoration: none;
}

#test1:hover {
 color: black;
text-decoration: none;    
}