JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
    <li>list sample</li>
</ol>

CSS

ol{margin:25px; width: 100%; float: left; }
ol li { width: 50%; float: left; }

JavaScript

$(document).ready(function(){
    $('li:nth-child(3n+2)').css({'background-color' : '#eee'});
    $('li:nth-child(4n+4)').css({'background-color' : 'yellow'});
});