Продолжение чередования цветов в нескольких таблицах

Question

Используя свойство CSS nth-of-type , я могу чередовать цвета строк в таблице. Предположим, что цвета серый и белый.

Можно ли чередовать цвета строк в отдельных таблицах в целом (без использования JS)? Это означает, что если первая таблица заканчивается серым, следующая таблица должна начинаться с белого.

К сожалению, я не могу изменить структуру HTML, и страница является статической (ни одна сторона сервера не создает таблицу).

table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 250px;
}

td {
  padding: 5px;
}

tr:nth-of-type(odd) td {
  background: lightgrey;
}

tr:nth-of-type(even) td {
  background: white;
}

td span {
  font-style: italic;
  color: red;
}

<table>
  <tr>
    <td>Row #1</td>
  </tr>
  <tr>
    <td>Row #2</td>
  </tr>
  <tr>
    <td>Row #3</td>
  </tr>
</table>

<!-- would like the colors to continue from where it left off -->
<table>
  <tr>
    <td>Row #4 <span>(would like it to be white)</span></td>
  </tr>
  <tr>
    <td>Row #5 <span>(would like it to be gray)</span></td>
  </tr>
</table>