JSFiddle - React, Tailwind, and code Playground

by IceCreamYou

HTML

<ul>
    <li>Hello first item</li>
    <li>Hello item 2</li>
    <li>Hello item 3</li>
    <li>Hello item 4</li>
    <li>Hello item 5</li>
    <li>Hello item 6</li>
    <li>Hello item 7</li>
    <li>Hello item 8</li>
    <li>Hello item 9</li>
</ul>

CSS

ul li:nth-child(-n+4) {
     font-weight:bold;
 }
 
 li:nth-child(n+6) {
  color: red;
 }