JSFiddle - React, Tailwind, and code Playground

HTML

<div>Hello 1
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
    <div class='box1'>Hello 2</div>
</div>
<div>Hello 2</div>
<div>Hello 3</div>
<div>Hello 4</div>

CSS

div.box1:nth-child(odd) {
    color: red;
}
div.box1:nth-child(even) {
    color: green;
}