Я хочу настроить таргетинг на последний элемент сетки, если в 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 проектов.

Answer 1

В стиле CSS вы можете обернуть элементы сетки в родительскую оболочку, а затем указать :last-child psuedo-selector для таргетинга на этот последний дочерний элемент (независимо от нечетного или четного).

Answer 2

Это похоже на работу:

#wrap div:nth-child(2n+1):last-child { 
    ... 
} 

Для JavaScript, просто использовать его в качестве селектора в document.querySelector().

Answer 3

Я не совсем уверен, что я понимаю, что вы пытаетесь сделать, но обнаружить имеете ли вы нечетное число элементов массива ...

if ((a.length & 1) == 1) 
{ 
    // set width to 100% 
}