JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    <a id="foo" href="#bar">FOO</a><br/>
    <a id="bar" href="#foo">BAR</a><br/>
</p>

CSS

p:hover a:not(:hover) {
    color:red;
    background-color:blue;
}