How can I style even and odd elements?

by

Demo: http://jsfiddle.net/thirtydot/K3TuN/1323/

li {
    color: black;
}
li:nth-child(odd) {
    color: #777;
}
li:nth-child(even) {
    color: blue;
}
<ul>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
</ul>

Documentation:

More Related Contents:

  1. Understanding CSS selector priority / specificity
  2. CSS negation pseudo-class :not() for parent/ancestor elements
  3. How can I select the last element with a specific class, not last child inside of parent?
  4. How to target a specific column or row in CSS Grid Layout?
  5. CSS :selected pseudo class similar to :checked, but for elements
  6. Matching the first/nth element of a certain type in the entire document
  7. Using CSS :before and :after pseudo-elements with inline CSS?
  8. How can I correctly select the first or the last child with CSS?
  9. Using :before and :after CSS selector to insert HTML [duplicate]
  10. What is syntax for selector in CSS for next element?
  11. :nth-child(even/odd) selector with class [duplicate]
  12. How to CSS: select element based on inner HTML [duplicate]
  13. What is the performance impact of the universal selector?
  14. What are the priorities among CSS selectors
  15. Why is nth-child selector not working?
  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. Why does the general-sibling combinator allow toggling pseudo-element’s content, but not the adjacent-sibling?
  20. How to get CSS to select ID that begins with a string (not in Javascript)?
  21. How do I select an element that has a certain class?
  22. Selecting the last element among various nested containers
  23. Is there a reason to use a instead of a:link or a:visited in my stylesheet?
  24. Zebra striping a flexbox table with wrapping items
  25. How to use nth-child for styling with a table with rowspan?
  26. Is there a CSS not equals selector?
  27. Hide element, but show CSS generated content
  28. How can I select elements in CSS by partial ID value?
  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