css - 奇数时选择最后一个 child ，偶数时选择最后一个 child

Question

我处于显示的元素数量可变的情况，我需要一个我无法实现的奇怪解决方案，我什至怀疑它是否只能通过 css 实现。

如果我的元素数量是奇数，我需要选择最后一个 child ，如果元素数量是偶数，我需要选择最后 2 个 child 。

我一直在尝试 nth-last-child，:not(:nth-last-child())，奇数和偶数，但从来没有得到好的解决方案。

有没有人对这个问题有任何想法/建议，比如在 html 表上添加一个“奇数”类？

提前致谢!

Answer 1

这是一种方法...

.wrap div:last-child,
.wrap div:nth-last-of-type(-n+2):not(:nth-child(even)) {
    color: red;
}

<div class="wrap">
    <div>Odd</div>
    <div>Even</div>
    <div>Odd</div>
    <div>Even</div>
    <div>Odd</div>
    <div>Even</div>
</div>

<hr>

<div class="wrap">
    <div>Odd</div>
    <div>Even</div>
    <div>Odd</div>
    <div>Even</div>
    <div>Odd</div>
</div>