web-dev-qa-db-fra.com

Style le dernier élément ayant une classe spécifique

J'ai un code comme ça.

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

Je veux appeler la dernière div ayant la classe "active". Y a-t-il un moyen de faire ça?

csshtmlstylesheetselect
2
Gince George

Il n'y a pas de (bon) moyen de résoudre ce problème dans son état actuel avec CSS. La meilleure solution consiste à ajouter une classe supplémentaire à la dernière div active ou à utiliser javascript.

Voir cette question pour plus de détails

1
Sjors Ottjes

avec l'aide de jQuery, vous pouvez y parvenir.

jQuery trouvera le dernier enfant du parent et vous donnera la possibilité de le changer en ajoutant des classes et des styles.

passer par ce lien https://api.jquery.com/last-child-selector/

ou utilisez css comme ceci https://css-tricks.com/almanac/selectors/l/last-child/

0
Shareef