JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<nav>
  <ol>
    <li>a</li>
    <li>
      <ol>
        <li>a</li>
        <li>b</li>
        <li>b</li>
      </ol>
    </li>
    
  </ol>
</nav>

SCSS

nav {
  ol li 
  {
    list-style:none;
    text-transform: lowercase;
    li
    {
      text-transform: uppercase;
    }
  }
}