CSS选择器：选择表（而不是行）中的每个最后一个类

Question

我有一个可用性日历，该日历基本上是一个表格，其中包含单元格为“可用”或“不可用”的单元格。现在，我需要这样做，以便第一个和最后一个不可用的日期具有对角线颜色分割。

CSS选择器，用于开始拆分的不可用日期：

.available + .unavailable

但是我一直在努力寻找截止日期的正确选择器。如果我愿意

.unavailable + .available

它将拆分应用到可用元素，而不是不可用元素，因此提前一天。另外，它在不同的行上也不起作用。

如何选择每个最后一个不可用的单元格？还是可以在JavaScript / JQuery中实现？如何实现？

编辑：HTML中的代码

<table>
    <tr>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
        <td class="cur-month unavailable"></td>
        <td class="cur-month unavailable"></td>
        <td class="cur-month unavailable"></td>
        <td class="cur-month unavailable"></td>
</tr>
    <tr>
        <td class="cur-month unavailable"></td>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
        <td class="cur-month available"></td>
    </tr>
</table>

在这里我不能使用last-of-type，因为它将在第一行中拆分最后一个不可用的单元格。它应该在第二行的第一个单元格上。谢谢大家的快速帮助！