JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <span>Span 1</span>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <span>Span 2</span>
</ul>

CSS

ul { list-style-position: inside; }

ul li:nth-of-type(1){ color: red; }

ul li:nth-child(3){ color: blue; }

ul li:last-of-type{ color: orange; }

ul:last-child{ color: yellow; }