Изменить стиль произвольных элементов списка?

Question

[Oksality]

Здравствуйте, прошу помощи в решении моей ситуации. Есть список, который формируется плагином, но необходимо обратиться к произвольному элементу этого списка.
структура списка :

<ul id="test">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

Как допустим пункту "3" присвоить красный цвет?
Уточню, что это решение ищу для сайта на wordpress.

Comments

[matrixKa]

Вам с JQuery вариант или на чистом JS нужен?

[Oksality]

js

Answer 1

[Алексей Ярков]

css пофиг wordpress у вас или нет. Прочтите вот это. Если вопрос останется, то возвращайтесь.

#UPD: Вот так можно:

<ul id="test">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

.red {
    color: red;
}

const hours = new Date().getHours();

if (hours >= 9 && hours <= 15) {
    document.querySelector('#test li:nth-child(3n)').classList.add('red')
}

Comments

[Oksality]

Да, не совсем корректно задала вопрос) CSS не поможет, потому что для изменения стиля есть условие: с 9 утра до 15 - элемент 3 красный а в остальное время допустим черный.

[Алексей Ярков]

.red {
    color: red;
}

<ul id="test">
<li>1</li>
<li>2</li>
<li<?php /*если время с 9 утра до 15, то вывести class="red"*/>>3</li>
<li>4</li>
</ul>

[Oksality]

Т.к. список формирует плагин автоматически, то не хотелось бы его "нарушать" что бы при обновлении не слетали правила.