JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="c">Hi-1</li>
  <li class="b">Hi-2</li>
  <li class="a">Hi-3</li>
  <li class="c">Hi-4</li>
  <li class="b">Hi-5</li>
  <li class="a">Hi-6</li>
  </ul>

CSS

li {
    list-style : none;
    }
    .a {
    color: violet;
    }
    .b {
    color: red;
    }
    .c {
    color : blue;
    }