Bom dia!

Estou usando o plugin owl-carousel que possui varios itens. Preciso pegar o primeiro e o ultimo item da primeira pagina, mas nao estou conseguindo.

O carousel renderiza assim:

<div class="owl-stage">    <div class="owl-item cloned">    </div>    <div class="owl-item cloned">    </div>    <div class="owl-item cloned">    </div>    <div class="owl-item active"> (quero pegar esse)    </div>    <div class="owl-item active">    </div>    <div class="owl-item active"> (quero pegar esse)    </div>    <div class="owl-item cloned">    </div>    <div class="owl-item cloned">    </div>    <div class="owl-item cloned">    </div> </div> 

O itens da primeira pagina sao os que possuem a classe .active. Tentei de algumas formas e nao funciona:

 .owl-stage .owl-item.active:first-child {     border:red;  }  .owl-stage .active:first-child {     border:red;  } .owl-item.active:first-child {     border:red;  } 

Nao posso usar nth-child(n) pois a quantidade de itens varia muito. Entao preciso fazer de uma forma a pegar sempre o primeiro e o ultimo .active, independente de quantos itens tem.

obs.: desculpe a falta de acento, estou usando um vm e o teclado esta desconfigurado… 🙁