javascript - 如果 javascript 中的元素数量为奇数，我想定位网格的最后一项

Question

我实际上正在尝试为我的在线投资组合构建一个带有网格系统的 WP 主题。如果元素数量为奇数，有谁知道如何定位网格中的最后一个元素？我想我可以把最后一个全宽，这样就没有空格了……谢谢你的帮助，如果你知道答案请告诉我

<section class="grid">
    <div class="item" style="background: url('img/1.png') center center no-repeat; background-size: cover;"></div>
    <div class="item" style="background: url('img/2.png') center center no-repeat; background-size: cover;"></div>
    <div class="item" style="background: url('img/4.png') center center no-repeat; background-size: cover;"></div>
    <div class="item" style="background: url('img/3.png') center center no-repeat; background-size: cover;"></div>
</section>

只有当我只有 3、5、7 个元素时，我才想定位最后一个 child 。

Answer 1

以 CSS 方式，您可以将网格元素包装在父包装器中，然后指定 :last-child psuedo-selector以最后一个子元素为目标(无论是奇数还是偶数)。