Как задать разный класс для owl-item?

Question

[DeniSidorenko]

Добрый день. Кто использовал OWl знает что если задать items:2 то показывается 2 item'a и им выдается класс active. Можно как то что бы второй имел уникальный класс . К примеру первый active а второй active+twoactive. Надо для стилизации

Answer 1

[Stalker_RED]

Но зачем, если можно nth-of-type?

.active {
  border: red 3px solid;
}
.active:nth-of-type(2) {
  border: red 3px dashed;
}

https://jsfiddle.net/7nv5po1u/

Comments

[DeniSidorenko]

Очень странно не применяется вторая строка
Идет стили только от первой а вторая строка не реагирует

[DeniSidorenko]

Дело в том что он не стоит 2 в дом дереве

[Stalker_RED]

DeniSidorenko, показывайте код.

[DeniSidorenko]

Stalker_RED,

<div class='owl-item cloned'></div>
<div class='owl-item cloned'></div>
<div class='owl-item active'></div>
<div class='owl-item active'></div>
<div class='owl-item cloned'></div>
<div class='owl-item cloned'></div>

[DeniSidorenko]

Stalker_RED,
https://jsfiddle.net/xmfqvauk/

[Stalker_RED]

nth-of-typenth-child разницу замечаете?