JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><a href="#">ссылка</a></li>
	<li class="hid"><a href="#">ссылка</a></li>
	<li><a href="#">ссылка</a></li>
	<li><a href="#">ссылка</a></li>
</ul>

CSS

ul{
    	border: 1px solid;
    	width: 200px;
    }
       .hid{
    	opacity:0;
    }
       .hid:hover{
    	opacity:1;
    }