web-dev-qa-db-fra.com

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

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?

77
Sliq

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.

67
amustill

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'})
0
NoBugs