Nth 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)将始终匹配{ {1}}无论是否有奇数或偶数的孩子。

另请注意，:last-child声明在任何一种情况下都不是必需的，因为浮动元素始终为display: block。