JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
    <li><a href="#">Four</a></li>

CSS

li {background:grey;min-width:100px;height:20px;margin-bottom:20px}
li:hover {border:1px solid red}
li:empty:hover {border:none}