JSFiddle - React, Tailwind, and code Playground
by NotInUse
HTML
<ul>
<li>
<a>Menu 1</a>
</li>
<li>
<a>Menu 2</a>
<ul>
<li>Sub menu 2</li>
</ul>
</li>
<li>
<a>Menu 1</a>
</li>
</ul>
CSS
ul li a { display: block; padding: 5px 10px; background: #a00; }
ul li:nth-child(2) a { background: #009; }