JSFiddle - React, Tailwind, and code Playground

HTML

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

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

CSS

a:hover {
  color: red;
}