Zebra striped list
Creates a striped list with alternating background colors.
- Use the
:nth-child(odd)
or:nth-child(even)
pseudo-class selectors to apply a differentbackground-color
to elements that match based on their position in a group of siblings.
<ul> <li>Item 01</li> <li>Item 02</li> <li>Item 03</li> <li>Item 04</li> <li>Item 05</li> </ul>
li:nth-child(odd) { background-color: #999; }