CSS Table coloring

CSS Table coloring

HTML

<table id="t1">
<tr>
  <td>One</td>
  <td>Two</td>
  <td>Three</td>
  <td>Four</td>
  <td>Five</td>
</tr>
<tr>
  <td>Apple</td>
  <td>Banana</td>
  <td>Cherry</td>
  <td>Date</td>
  <td>Elderberry</td>
</tr>
</table>
<br>
<table id="t2">
<tr>
  <td>One</td>
  <td>Two</td>
  <td>Three</td>
  <td>Four</td>
  <td>Five</td>
</tr>
<tr>
  <td>Apple</td>
  <td>Banana</td>
  <td>Cherry</td>
  <td>Date</td>
  <td>Elderberry</td>
</tr>
</table>
<br>
<table id="t3">
<tr>
  <td>One</td>
  <td>Two</td>
  <td>Three</td>
  <td>Four</td>
  <td>Five</td>
</tr>
<tr>
  <td>Apple</td>
  <td>Banana</td>
  <td>Cherry</td>
  <td>Date</td>
  <td>Elderberry</td>
</tr>
</table>
<br>
<table id="t4">
<tr>
  <td>One</td>
  <td>Two</td>
  <td>Three</td>
  <td>Four</td>
  <td>Five</td>
</tr>
<tr>
  <td>Apple</td>
  <td>Banana</td>
  <td>Cherry</td>
  <td>Date</td>
  <td>Elderberry</td>
</tr>
</table>

CSS

table {
  border-collapse:collapse;
}

table td {
  border: 1px solid black;
  padding:3px;
  min-width:75px;
}

/* Select the first two */
#t1 tr td:nth-child(-n + 2) {
  background-color: lightblue;
}

/* Select all but the first two */
#t2 tr td:not(:nth-child(-n + 2)) {
	background-color:lightgreen;
}
  
/* Select last two only */
#t3 tr td:nth-last-child(-n + 2) {
  background-color:mistyrose;
}
  
/* Select all but the last two */
#t4 tr td:not(:nth-last-child(-n + 2)) {
	background-color:yellow;
}