Как достучаться до элементов с определенным классом?

Question

[Дмитрий]

Добрый день. Использую такой css-код

.partners__slider .slick-track li.slick-active:nth-of-type(2) {
  background-color: red;
}

Пытаюсь достучаться до указанных на изображении элементов:

Но, не получается. Подскажите, как решить поставленную задачу?

Answer 1

[fallus]

Не понял.

.slick-active{ background-color: red; } /* Выбрать все активные слайды */

.slick-slide + .slick-active + .slick-active{ background-color: red; } /* Выбрать второй активный слайд */

:nth-of-type
выбирает тэги по типу. А тут все тэги — <li>. Поэтому это не прокатит.

Answer 2

[ZB Venom]

Получаем массив

document.querySelectorAll('.slick-slide.slick-active').forEach(item => {
  console.log(item);
});