Comment puis-je sélectionner le dernier élément avec une classe spécifique, et non le dernier enfant à l'intérieur du parent ?

Question

<div class="commentList">
   <article class="comment " id="com21"></article>
   <article class="comment " id="com20"></article>
   <article class="comment " id="com19"></article>
   <div class="something"> hello </div>
</div>

Je veux sélectionner #com19 ?

.comment {
    width:470px;
    border-bottom:1px dotted #f0f0f0;
    margin-bottom:10px;
}

.comment:last-child {
    border-bottom:none;
    margin-bottom:0;
}

Cela ne fonctionne pas tant que j'ai un autre div.something comme dernier enfant de la liste des commentaires. Est-il possible d'utiliser le sélecteur last-child dans ce cas pour sélectionner la dernière apparition de article.comment ?

jsFiddle

Answer 1

Si le dernier type d'élément est aussi un article, last-of-type ne fonctionnera pas comme prévu.

Peut-être que je ne comprends pas vraiment comment ça marche.

Démonstration