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… π