How can I select the last element with a specific class, not last child inside of parent?

by

:last-child only works when the element in question is the last child of the container, not the last of a specific type of element. For that, you want :last-of-type

http://jsfiddle.net/C23g6/3/

As per @BoltClock’s comment, this is only checking for the last article element, not the last element with the class of .comment.

body {
  background: black;
}

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

.comment:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
<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>

More Related Contents:

  1. Understanding CSS selector priority / specificity
  2. CSS Pseudo-classes with inline styles
  3. Are class names in CSS selectors case sensitive?
  4. Why doesn’t table > tr > td work when using the child selector?
  5. Matching the first/nth element of a certain type in the entire document
  6. Using CSS :before and :after pseudo-elements with inline CSS?
  7. How can I correctly select the first or the last child with CSS?
  8. Using :before and :after CSS selector to insert HTML [duplicate]
  9. What is syntax for selector in CSS for next element?
  10. :nth-child(even/odd) selector with class [duplicate]
  11. How to CSS: select element based on inner HTML [duplicate]
  12. What is the performance impact of the universal selector?
  13. What are the priorities among CSS selectors
  14. Why is nth-child selector not working?
  15. CSS selector with period in ID
  16. Can a ::before selector be used with a ?
  17. Avoiding repeated constants in CSS
  18. What is the ::content/::slotted pseudo-element and how does it work?
  19. CSS Selector “(A or B) and C”?
  20. Why does the general-sibling combinator allow toggling pseudo-element’s content, but not the adjacent-sibling?
  21. How to get CSS to select ID that begins with a string (not in Javascript)?
  22. How do I select an element that has a certain class?
  23. Selecting the last element among various nested containers
  24. Zebra striping a flexbox table with wrapping items
  25. CSS attribute selector does not work a href
  26. How to use nth-child for styling with a table with rowspan?
  27. CSS Selector for No-Children-But-Not-Empty
  28. Hide element, but show CSS generated content
  29. How can I get a specific number child using CSS?
  30. Why does .class:last-of-type not work as I expect?

Leave a Comment