JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody id="header">
  <tr>
    <th>This row should be gray</th>
    <th>Header 1</th>
  </tr>
</tbody>
<tbody id="data">
  <tr>
    <td>This row should be blue</td>
    <td>Data 1</td>
  </tr>
</tbody>
</table>

CSS

tbody#header {
  background-color: rgb(200,200,200);
}

tbody#data {
  background-color: rgb(180,180,240);
}

/* #data should not contain a tbody, but it will. */
tbody#data tbody {
  background-color: rgb(240,180,180);
}

JavaScript

$(function() {
  $("#data").html("<tr><td>This row should be blue</td><td>Data 1</td></tr>");
});