列表项的备用背景颜色 [英] Alternate background colors for list items

问题描述

我有一个列表，每个项目都链接，是否有一种方法可以交替每个项目的背景颜色？

I have a list, and each item is linked, is there a way I can alternate the background colors for each item?

<ul>
    <li><a href="link">Link 1</a></li>
    <li><a href="link">Link 2</a></li>
    <li><a href="link">Link 3</a></li>
    <li><a href="link">Link 4</a></li>
    <li><a href="link">Link 5</a></li>
</ul>

推荐答案

一些可爱的CSS3怎么样？

How about some lovely CSS3?

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

这篇关于列表项的备用背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！