JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    
    <li><a id="id1" href="www.w1.com"></a>
    <li><a id="id2" href="www.w2.com"></a>
    <li><a id="id3" href="www.w3.com"></a>
    
      
</ul>

CSS

li:hover
{
    background-color:silver;
}

#id1:before
{content:"File";} 
#id2:before
{content:"Edit";} 
#id3:before
{content:"View";}