JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>        
        <a href="#hover">Кликни на меня со своего смартфона</a> 
    </li> 
    <li>        
        <a href="#hover">Или на меня</a> 
    </li> 
    <li>        
        <a href="#hover">В крайнем случае на меня</a> 
    </li> 
</ul>
<span>test</span>

CSS

li {
    display: block;
    background-color: red;
}

span:hover,
li:hover {
    background-color: yellow;
}

li>a{
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

span {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}