以给定类的最后一个奇数元素为目标

Question

我有一个动态照片列表，是从CMS中提取的。照片有垂直和水平两种。我正在尝试创建一个"；动态网格"；其中所有水平照片都是100%宽，而垂直照片是50%宽。我能够在JS的帮助下实现这一点。代码笔与我的代码

然而，我很难瞄准前面有水平镜头的最后一个奇怪的垂直镜头。我希望这张照片也能100%宽，这样就不会有不必要的中断。

我试着使用：nth-child((伪类，但这一点帮助都没有它只选择第一个子项。

.wide + .portfolio-item:nth-last-child(odd) {
width: 100%;
}

Answer 1

好吧，我想得太多了，解决方案很容易-关于我应该使用的投资组合项目：

flex-grow: 1;