JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>Bla bla</td>
    <td>Foo bar</td>
  </tr>
  <tr>
    <td>Bla bla</td>
    <td>Foo bar</td>
  </tr>
  <tr>
    <td>Bla bla</td>
    <td>Foo bar</td>
  </tr>
  <tr>
    <td>Bla bla</td>
    <td>Foo bar</td>
  </tr>
</table>
<p>
  Lorem ipsum dolor sit amet
</p>
<p>
  Lorem ipsum dolor sit amet
</p>
<p>
  Lorem ipsum dolor sit amet
</p>
<p>
  Lorem ipsum dolor sit amet
</p>

CSS

table {
  border-spacing: 0;
  border-collapse: collapse;
}

tr {
  background-color: red;
}

tr:nth-child(odd) {
  background-color: blue;
}
p {
  background-color: yellow;
}
p:nth-child(odd) {
  background-color: green;
}