JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
    <li>a
        </ul>

CSS

ul { list-style:none;}
li {
  float: left;
}
li:nth-child(n) { color: red;float: left; }
li:nth-child(2n + 2) { color: green;float: left; }