JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1">
  <tbody>
    <tr>
        <td>AAA</td>
        <td>CCC</td>
    </tr>
    <tr>
        <td>BBB</td>
        <td>DDD</td>
    </tr>
    <tr>
        <td>
            <table id="table2">
              <tbody>
                <tr><td>a</td></tr>
                <tr><td>b</td></tr>
              </tbody>
            <table>
        </td>
    </tr>
  </tbody>
</table>

CSS

.odd{
   color: red; 
    background-color: blue;
}

.even{
    color: blue; 
    background-color: red;
}

JavaScript

$(document).ready(function(){
                $("#table1 > tbody > tr:odd").addClass("odd");
                $("#table1 > tbody > tr:not(.odd)").addClass("even");  
            });