JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Some</li>
    <li>Items</li>
    <li>Violet</li>
    <li>Four</li>
</ol>

CSS

ol {
    counter-reset: i 0;
}
ol li:before {
    content: counter(i);    
    counter-increment: i;
    padding-right: 0.5em;
    color: red;
}
ol li:nth-child(3):before {
    color: violet;
}