Alternate background colors for list items

by

How about some lovely CSS3?

li { background: green; }
li:nth-child(odd) { background: red; }

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. How to add images in select list?
  5. Is it wrong to change a block element to inline with CSS if it contains another block element?
  6. How to position text over an image with CSS
  7. Percent pie chart with css only
  8. :last-child not working as expected?
  9. Why is my Grid element’s height not being calculated correctly?
  10. Horizontal list items
  11. Margin top in inline element
  12. Input size vs width
  13. Stretch background image css?
  14. Bootstrap – align button to the bottom of card
  15. How to remove “Invisible space” from HTML [duplicate]
  16. Difference between “visibility:collapse” and “display:none”
  17. Is it possible to use CSS vars in CSS3 selectors?
  18. How do I add a highlight behind the text via CSS so it looks like Instagram-one below?
  19. How to remove indentation from an unordered list item?
  20. How can I vertically center text in a dynamically height div?
  21. grid-auto-flow in snake lines?
  22. It is possible to expand a textarea only with CSS?
  23. How do I vertically align something inside a span tag?
  24. Flexbox on IE11: image stretched for no reason?
  25. CSS animate custom properties/variables
  26. How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?
  27. Firefox 30 is not hiding select box arrows anymore
  28. extra space when centering elements using flexbox
  29. @Media print css
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment