JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li><a href="#">Main1</a></li>
  <li><a href="#">Main2</a></li>
  <li><a href="#">Main3</a>
    <ol>
        <li><a href="#">Sub1</a></li>
        <li><a href="#">Sub2</a></li>
        <li><a href="#">Sub3</a></li>
    </ol>
  </li>

  <li><a href="#">Main4</a></li>
  <li><a href="#">Main5</a></li>
  <li><a href="#">Main6</a></li>
</ol>

CSS

a:hover {
  color: red;
}