JSFiddle - React, Tailwind, and code Playground

by slace

HTML

<ol>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
    <li><input /></li>
</ol>

CSS

li {
    margin-bottom: 5px;
}

li:nth-child(n) input {
    border: 2px solid red;
}

li:nth-child(1) input, li:nth-child(2) input {
    border: 2px solid green;
}

li:nth-child(3) input, li:nth-child(4) input {
    border: 2px solid yellow;
}