JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <a id="link1" href="#" >About</a>
    <a id="link2" href="#">Contact us</a>
</div>

CSS

.container:hover a:first-child:not(:hover){
    color:red;
}