JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topnav">
			<ul>
				<li><a href="a.html">Aaaaaaa</a></li>
				<li><a href="b.html">Bbbbbbbb</a></li>
                <li><a href="c.html">Ccccccccc</a></li>
			</ul>
</div>

CSS

#topnav li:nth-child(1) a:hover{
	color:#ff0000;
	}

#topnav li:nth-child(2) a:hover{
	color:#FF7700;
	}

	#topnav li:nth-child(3) a:hover{
	color:#FFFF00;
	}