JSFiddle - React, Tailwind, and code Playground

HTML

<div id="example">
     <a href="something1.html">Link 1</a>
     <a href="something2.html">Link 2</a>
     <a href="something3.html">Link 3</a>
 </div>

CSS

a:hover {
    margin: 0px -1px;
}

#example a:first-child:hover {
    margin-left: 0px;
    color:red;
}