JSFiddle - React, Tailwind, and code Playground
HTML
<html><head><title>Nesting</title></head><body>
<style type="text/css">
.even td, .even th {
background-color: yellow;
}
.odd td, .odd th {
background-color: red;
}
</style>
<table width="100%">
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>
<table width="100%">
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>
<table width="100%">
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="even">
<th>Test</th>
<td>Test</td>
</tr>
<tr class="odd">
<th>Test</th>
<td>Test</td>
...