css – 选择奇数时的最后一个孩子,偶数时选择最后两个孩子

前端之家收集整理的这篇文章主要介绍了css – 选择奇数时的最后一个孩子,偶数时选择最后两个孩子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我所处的元素数量是可变的,我需要一个我无法实现的奇怪解决方案,我甚至怀疑它是否只能用css实现.

如果我的元素数量是奇数,我需要选择最后一个子元素,如果元素数量是偶数,我需要选择最后一个子元素.

我一直在尝试使用nth-last-child,:not(:nth-​​last-child()),奇数和偶数,但从来没有得到一个好的解决方案.

任何人都有关于这个问题的任何想法/建议是在html表上添加类“奇怪”的一部分吗?

非常感谢提前!

解决方法

这是一种方式……
.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>

猜你在找的CSS相关文章