CSS网格：动态跨越最后一列

是否可以自动跨越最后一列以占用网格中的剩余空间？基本上，我正在努力实现这一目标：

.row{
显示：网格；
网格模板列：重复（3，1fr）；
}
上校{
背景：蓝色；
填充：20px；
边框：1px纯红；
}
上校：最后一个孩子{
背景：黄色；
/*这里缺少魔力*/
}

---

不幸的是，在当前版本的CSS网格中，似乎没有像

网格列：span auto/-1

那样的真正魔力作为通用解决方案。但对于3x1网格的这种特殊情况，您可以执行以下操作：

.row{
显示：网格；
网格模板列：重复（3，1fr）；
}
上校{
背景：蓝色；
填充：20px；
边框：1px纯红；
}
上校：最后一个孩子{
背景：黄色；
网格柱端：-1；
}
第n个孩子（1）：最后一个孩子{
网格列开始：1；
}
第n个孩子（2）：最后一个孩子{
网格列开始：2；
}