Вывод новостей с двумя разными стилями wordpress?

Question

[KyIIpyM]

В общем планирую выводить новости двумя разными стилями, то есть:
Новость 1 имеет класс content-section-a
Новость 2 имеет класс content-section-b
Новость 3 имеет класс content-section-a
Новость 4 имеет класса content-section-b
И так далее по кругу. Не могу понять как реализовать это и даже хз с какой стороны к гуглу подойти, может кто подскажет?

Answer 1

[Иван Козлов]

вам всего лишь нужно css свойство nth-child()
Допустим у нас новости выводятся в таком виде

<div class="items">
<div class="item">Новость 1</div>
<div class="item">Новость 2</div>
<div class="item">Новость 3</div>
<div class="item">Новость 4</div>
<div class="item">Новость 5</div>
</div>

Для того чтобы задать стиль первой новости, то необходимо сделать так

.items .item:nth-child(1){
color:red;//перечисляем свойства
}

Для того чтобы задать стиль третьей новости, то необходимо сделать так

.items .item:nth-child(3){
color:blue;//перечисляем свойства
}

так же можно использовать в таком виде

.items .item:nth-child(2n){
color:blue;//перечисляем свойства
}

это означает задать стили для каждой второго элемента

Answer 2

[Алексей Уколов]

$a % $b Деление по модулю Целочисленный остаток от деления $a на $b.

php.net/manual/ru/language.operators.arithmetic.php