Duplicate possible:
Comment sélectionner le "dernier enfant" avec un nom de classe spécifique en CSS?
Comme le titre l'indique, je veux adresser les règles CSS au dernier élément d'un certain type qui a une certaine classe. Le code suivant fonctionne parfaitement:
div:last-of-type { margin-right:0; }
mais je veux quelque chose comme
div.class:last-of-type { margin-right:0; }
Comment faire ça?
Malheureusement, trouver le dernier .class
n'est pas possible avec last-of-type
.
Edit: Pour ajouter quelque chose de constructif à cette réponse, vous pouvez recourir à JavaScript pour localiser ce sélecteur ou réviser votre balisage/CSS. Bien que je me sois retrouvé dans la situation que last-of-type
pour un sélecteur de classe serait utile, ce n'est rien qui ne peut pas être travaillé avec un peu plus de réflexion.
Faites de la classe nomargin une classe css et vous pourrez la changer facilement:
var items = document.getElementsByClassName('nomargin');
items[items.length-1].style.color = 'black';
items[items.length-1].style.background = 'white';
ou si cela n'a pas assez de jQuery , vous pouvez utiliser:
jQuery('div.nomargin:last').css({
color:'black',
background:'white'})