JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<ul>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ul>

CSS

ul {
  counter-reset: count;
}
li:before {
  counter-increment: count;
  content: counter(count) ' ';
  display: inline-block;
  width: 2em;
}
li:nth-child(-3n+12) {background-color: yellow}