Различные стили CSS для последнего элемента php-массива Pt.2

Хорошо, вот моя новая проблема и полное описание того, что я пытаюсь выполнить. Я использовал предложения, которые вы мне дали, и это сработало нормально, но когда я изменил ORDER по информации в другое поле и утверждение if, это сошло с ума.

Вот то, что мне нужно, у меня есть два столбца на странице, когда массив обрабатывается. Мне нужно, чтобы они отображали результаты, заполняющие каждый столбец слева направо сверху вниз. Между пунктами есть разделительная линия

<div class="centerBoxContentsFeatured centeredContent back vLine " style="width:50%;"> 

и по одному под каждым пунктом

 <div class="product-col" >. 

Если элемент является 3-м, 5-м, 7-м и так далее … он будет слева и не нуждается в div «vLine» перед ним, и если это последний элемент (ы), ему не нужен «product-col «Div под ним, поскольку последние 2 элемента не должны иметь нижний делитель, но если на всей странице всего два элемента, нижний делитель может оставаться. Что я делаю не так?

 <?php $count_temp = count ($productid); for ($i = 0; $i < $count_temp; ++$i) { $artist = get_the_title(); if (($productartist[$i] == $artist ) && $categoryID[$i] ==1 ) { ?> //Content// <?php if (!($i === 0) && !($i % 2) && ($productid[$i] == 1) && ( $i === (count ($productid) - 1))) { echo'<div class="product-col-none" >'; } else { echo '<div class="product-col" >';} ?> //Content// <? if !( $i === (count ($productid) - 1)) { echo '<div class="centerBoxContentsFeatured centeredContent back vLine " '. 'style="width:50%;">'; } else { echo '<div class="centerBoxContentsFeatured centeredContent back " '. 'style="width:50%;">';} ?> 

Вы должны написать здесь о вашем коде файла css, вы делаете все сложнее и неясно с вашим встроенным PHP-кодом html.

Если вам нужен другой стиль для ваших нечетных номеров (3,5,7 ..) и другого стиля для вашего последнего элемента, то я рекомендую использовать css pseudo classes

Вы можете использовать css pseudo class last-child для вашего последнего элемента.

 li:last-child { // Your specific style for last item goes here } 

Вы также можете использовать css pseudo class nth-child (нечетный) для чередования нечетных нумерованных элементов

 li:nth-child(odd) { // Your specific style for odd items goes here } 

Надеюсь, это то, что вы ищете. Зачем загружать серверную загрузку, когда вы можете установить что-то на стороне клиента.