JSFiddle - React, Tailwind, and code Playground

by nju33

HTML

<ul>
    <li>1番目</li>
    <li>2番目</li>
    <li>3番目</li>
    <li>4番目</li>
    <li>5番目</li>
</ul>

CSS

// どちらでも同じ

ul li:nth-child(2n+1) { color: red;}
ul li:nth-child(2n) { color: blue; }

ul li:nth-child(odd) { color: red; }
ul li:nth-child(even) { color: blue; }