Estilizar el último elemento que tiene una clase específica

6 ene 2017, 07:18:46
Vistas: 39.7K
Votos: 2

Tengo un código como este.

<div class="slick"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick"></div>
<div class="slick"></div>

Quiero estilizar el último div que tiene la clase 'active'. ¿Hay alguna manera de hacer esto?

0
Todas las respuestas a la pregunta 2
0

No hay una forma (buena) de resolver este problema en su estado actual con CSS. La mejor solución es agregar una clase adicional al último div activo, o usar javascript

Consulta esta pregunta para más detalles

6 ene 2017 07:31:35
4

Con la ayuda de jQuery puedes lograrlo.

jQuery encontrará el último hijo del padre y te dará la capacidad de cambiarlo agregando clases y estilos.

revisa este enlace https://api.jquery.com/last-child-selector/

o usa CSS como este https://css-tricks.com/almanac/selectors/l/last-child/

6 ene 2017 07:25:35
Comentarios

Lo siento, no es útil.

Gince George Gince George
6 ene 2017 07:49:52

si es así sigue este enlace. Seguro que te ayudará https://css-tricks.com/almanac/selectors/l/last-child/

Shareef Shareef
6 ene 2017 07:54:13

Creo que no entendiste mi pregunta. Quiero dar estilo al último div que tenga la clase 'active'. Ya probé tu código.

Gince George Gince George
6 ene 2017 09:33:51