JSFiddle - React, Tailwind, and code Playground

HTML

<nav role="navigation">
    <ul>
        <li>
          <a href="page1.html">page one</a>
        </li>
        <li>
            <a href="#" class="submenu">submenu</a>
            <ul>
              <li>
                <a href="page2.html">page two</a>
              </li>
              <li>
                <a href="page3.html">page three</a>
              </li>
              </ul>
        </li>
        <li><a href="page4.html">page four</a></li>
    </ul>
</nav>

CSS

nav a.submenu
{
  color: orange;
}

ul > li > ul > li a
{
  color: green;
}