JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<ol>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
</ol>

CSS

ol > li {
    margin-left: 2em;
    list-style-type: decimal;
}

ol > li:nth-child(-n+6) {
    font-weight: bold;
}