JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">
    <span>H</span>
    <span>E</span>
    <span>L</span>
    <span>L</span>
    <span>O</span>
</div>

CSS

.text span {
    color: blue;
}

.text span:nth-child(odd) {
    color: red;
}