JSFiddle - React, Tailwind, and code Playground

HTML

<article class="tweet-inner">
    <div class="text-wrapper">
        <div class="tweet">
            <div class="text">
                <p>Coming down! Time for Croation BBQ</p>
            </div>
        </div>
    </div>
</article>
<article class="tweet-inner">
    <div class="text-wrapper">
        <div class="tweet">
            <div class="text">
                <p>Coming down! Time for Croation BBQ</p>
            </div>
        </div>
    </div>
</article>
<article class="tweet-inner">
    <div class="text-wrapper">
        <div class="tweet">
            <div class="text">
                <p>Coming down! Time for Croation BBQ</p>
            </div>
        </div>
    </div>
</article>

CSS

.text:nth-child(even) {
    background-color: #FF0000;
}