css – 仅在最后位置选择奇数元素而不是唯一的子元素

前端之家收集整理的这篇文章主要介绍了css – 仅在最后位置选择奇数元素而不是唯一的子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果它是奇数,我需要定位最后一个元素.

可以说我有3个元素.我想只针对第3个元素,因为它的最后一个和它的奇数.但是,如果我有1个元素,我不希望这个规则适用,即使这实际上是奇数也是如此.

1 2 3(target)

1 2 3 4 5(target)

1 2(don't target)

1(don't target)

我怎么能做到这一点?

所以基本上我想要结合:nth-​​child(单数)和:not(:only-child),只有在适用时才这样.

解决方法

我想你的意思是你要选择一个元素

>奇怪
>最后一个孩子
>不是唯一的孩子

将所有这些结合起来相当简单:

:nth-child(odd):last-child:not(:only-child) {
    color: blue; // or whatever
}

猜你在找的CSS相关文章