css - Nth Child Last child 其中奇数

Question

我正在做一个博客主题，目前我有一个包含多张图片的帖子，但是客户希望它们采用网格格式，所以我这样做了:

.photoset img{
    display: block;
    width:50%
    float: left;
}

这很好用，但是当有奇数个图像时这显然行不通。

我如何为最后一个奇数子项做一个选择器？这样我就可以

[lastchildwhereodd]{
   width: 100%;
   display: block;
}

Answer 1

您可以将 :nth-child(odd) 和 :last-child 组合在一起:

.photoset img:nth-child(odd):last-child

请注意，虽然 :nth-last-child() 也可用，但它不是此处使用的正确选择器，因为它向后计数，这意味着 :nth-last-child( odd) 将总是匹配:last-child，不管 child 的数量是奇数还是偶数。

另请注意，在任何一种情况下都不需要 display: block 声明，因为 float 元素始终是 display: block。