JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <ul class="list">
        <li>1</li>
        <li>2</li>
    </ul>
    <div class="node">node-1</div>
    <div class="node">node-2</div>
    <div class="node">node-3</div>
    <div class="node">node-4</div>
    <div class="node">node-5</div>
    <div class="node">node-6</div>
    <div class="node">node-7</div>
</div>

CSS

.content .node {
    background: gray;
}
.content .node:nth-child(odd) {
    background: red;
}