Table cell highlighting

html #ui
<style>
  td:not(:first-of-type):hover {
    background: dodgerblue;
  }

  td:has(~ td:hover) {
    background: #ccc;
  }

  table:has(td:nth-of-type(2):hover) tr:has(~ tr:hover) td:nth-of-type(2) {
    background: #ccc;
  }

  table:has(td:nth-of-type(3):hover) tr:has(~ tr:hover) td:nth-of-type(3) {
    background: #ccc;
  }

  table:has(td:nth-of-type(4):hover) tr:has(~ tr:hover) td:nth-of-type(4) {
    background: #ccc;
  }

  table:has(td:nth-of-type(5):hover) tr:has(~ tr:hover) td:nth-of-type(5) {
    background: #ccc;
  }

  table:has(td:nth-of-type(6):hover) tr:has(~ tr:hover) td:nth-of-type(6) {
    background: #ccc;
  }

  table:has(td:nth-of-type(7):hover) tr:has(~ tr:hover) td:nth-of-type(7) {
    background: #ccc;
  }

  table:has(td:nth-of-type(8):hover) tr:has(~ tr:hover) td:nth-of-type(8) {
    background: #ccc;
  }
</style>

<table>
  <thead>
    <tr>
      <th></th>
      <th>Monday</th>
      <th>Tuesday</th>
      <th>Wednesday</th>
      <th>Thursday</th>
      <th>Friday</th>
      <th>Saturday</th>
      <th>Sunday</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>8:00 AM</td>
      <td>$127</td>
      <td>$342</td>
      <td>$89</td>
      <td>$201</td>
      <td>$456</td>
      <td>$178</td>
      <td>$299</td>
    </tr>
    <tr>
      <td>9:00 AM</td>
      <td>$245</td>
      <td>$98</td>
      <td>$376</td>
      <td>$154</td>
      <td>$287</td>
      <td>$412</td>
      <td>$67</td>
    </tr>
    <tr>
      <td>10:00 AM</td>
      <td>$189</td>
      <td>$432</td>
      <td>$76</td>
      <td>$321</td>
      <td>$145</td>
      <td>$267</td>
      <td>$398</td>
    </tr>
    <tr>
      <td>11:00 AM</td>
      <td>$312</td>
      <td>$87</td>
      <td>$254</td>
      <td>$476</td>
      <td>$123</td>
      <td>$365</td>
      <td>$198</td>
    </tr>
    <tr>
      <td>12:00 PM</td>
      <td>$156</td>
      <td>$389</td>
      <td>$234</td>
      <td>$78</td>
      <td>$421</td>
      <td>$167</td>
      <td>$345</td>
    </tr>
    <tr>
      <td>1:00 PM</td>
      <td>$278</td>
      <td>$132</td>
      <td>$467</td>
      <td>$219</td>
      <td>$56</td>
      <td>$387</td>
      <td>$243</td>
    </tr>
    <tr>
      <td>2:00 PM</td>
      <td>$423</td>
      <td>$176</td>
      <td>$298</td>
      <td>$45</td>
      <td>$354</td>
      <td>$231</td>
      <td>$489</td>
    </tr>
    <tr>
      <td>3:00 PM</td>
      <td>$187</td>
      <td>$435</td>
      <td>$112</td>
      <td>$367</td>
      <td>$243</td>
      <td>$78</td>
      <td>$321</td>
    </tr>
    <tr>
      <td>4:00 PM</td>
      <td>$265</td>
      <td>$98</td>
      <td>$432</td>
      <td>$176</td>
      <td>$387</td>
      <td>$245</td>
      <td>$123</td>
    </tr>
    <tr>
      <td>5:00 PM</td>
      <td>$378</td>
      <td>$214</td>
      <td>$67</td>
      <td>$456</td>
      <td>$189</td>
      <td>$321</td>
      <td>$98</td>
    </tr>
    <tr>
      <td>6:00 PM</td>
      <td>$143</td>
      <td>$398</td>
      <td>$276</td>
      <td>$54</td>
      <td>$312</td>
      <td>$187</td>
      <td>$432</td>
    </tr>
    <tr>
      <td>7:00 PM</td>
      <td>$267</td>
      <td>$123</td>
      <td>$456</td>
      <td>$289</td>
      <td>$76</td>
      <td>$345</td>
      <td>$198</td>
    </tr>
    <tr>
      <td>8:00 PM</td>
      <td>$412</td>
      <td>$234</td>
      <td>$87</td>
      <td>$376</td>
      <td>$154</td>
      <td>$467</td>
      <td>$219</td>
    </tr>
  </tbody>
</table>