JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="ddl">
    <li><a class="dir" href="#" >Link1</a></li>
    <li><a href="#" >Link1</a></li>
    <li><label class="dir" href="#" >Link1</label></li>
</ul>

CSS

ul.ddl li:hover > *.dir{  
    background-color: red;    
}