JSFiddle - React, Tailwind, and code Playground

by DustyWhite

HTML

<ul>
    <li>
		<a href="#">One fish</a>
    </li>
    <li>
		<a href="#">Two fish</a>
    </li>
    <li>
      Red fish
    </li>
    <li>
      Blue fish
    </li>
  </ul>

CSS

ul li: nth-child(even) a:hover 
{
	color:red;
}

ul li: nth-child(even)
{
	background-color:yellow;
}

ul li: 
{
	color:blue;
}

a:hover 
{
	color:green;
}

li: 
{
	color:yellow;
}

ul:
{
	color:orange;
}

ul.a : 
{
	color:orange;
}