Is it possible to select the last n items with nth-child?

by

This will select the last two iems of a list:

li:nth-last-child(-n+2) {color:red;}
<ul>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
  <li>fred</li>
</ul>

More Related Contents:

  1. Is there a CSS parent selector?
  2. Complex CSS selector for parent of active child [duplicate]
  3. Select every Nth element in CSS
  4. CSS3 selector :first-of-type with class name?
  5. CSS Selector that applies to elements with two classes
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. CSS ‘>’ selector; what is it? [duplicate]
  8. Select element based on multiple classes
  9. CSS selector based on element text? [duplicate]
  10. Pure CSS checkbox image replacement
  11. Handling a colon in an element ID in a CSS selector [duplicate]
  12. CSS selector for attribute names based on a wildcard
  13. IE8 :nth-child and :before
  14. CSS selector to select first element of a given class
  15. How to select the first, second, or third element with a given class name?
  16. Can I use variables for selectors?
  17. Combine :after with :hover
  18. CSS: styled a checkbox to look like a button, is there a hover?
  19. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  20. CSS Selector for
  21. How can I apply styles to multiple classes at once?
  22. Multiple descendant children selector with css [duplicate]
  23. Select odd even child excluding the hidden child
  24. Is there an opposite CSS pseudo-class to :hover?
  25. Comma in CSS, multiple selectors using the same CSS
  26. How to skip first child?
  27. How to select all elements whose ID starts and ends with specific strings?
  28. selector for nth nested elements
  29. How does CSS specificity decide which styles to apply?
  30. Latest on CSS parent selector [duplicate]

Leave a Comment