JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
    <tr><td>some text in here</td>
</table>

CSS

tr:nth-child(even)
{
    background: red;
}         
tr:nth-child(odd)
{
    background: yellow;
}