CSS : Comment dire .class:last-of-type [classes, pas éléments !]

Question

Duplicata possible :
Comment sélectionner le "dernier enfant" avec un nom de classe spécifique en CSS ?

Comme le dit le titre, je veux adresser des 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 ?

Answer 1

Malheureusement, trouver le dernier .class n'est pas possible avec last-of-type .

Editar : Pour ajouter quelque chose de constructif à cette réponse, vous pourriez vous rabattre sur JavaScript pour localiser ce sélecteur, ou réviser votre balisage/CSS. Bien que je me sois déjà trouvé dans la situation suivante last-of-type pour un sélecteur de classe serait utile, mais ce n'est rien qui ne puisse être contourné avec un peu plus de réflexion.

Answer 2

Faites du nomargin une classe css, et vous pourrez le modifier 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 l'utiliser :

jQuery('div.nomargin:last').css({
    color:'black',
    background:'white'})