JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>element 1</li>
    <li>element 2</li>
    <li>element 3</li>
    <li>element 4</li>
    <li>element 5</li>
    <li>element 6</li>
</ul>

CSS

li:odd{
    background-color: gray;
}
li:even{
    background-color: blueviolet;
}

li {
    font-size: 2em;
    padding-bottom: 30px;
}