我有一个列表,每个项目都是链接的,有没有一种方法可以 for each 项目交替背景色?

<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怎么样?

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

Html相关问答推荐

HTML横幅未正确对齐页面顶部

在 bootstrap 中的弹性项之间添加连接行

如何实现弯曲的梯形导航栏?

如何通过扭曲元素来倾斜元素?

邮箱追踪器-有效,但在Gmail客户端中是否可以显示问号图标以外的其他内容?

用于删除页面页眉上的超链接的CSS

在将DevExtreme升级到版本23.2之后,到处都会生成一个Pesudo类,我在其中使用了<;DXi-Item Title=&Quot;&Quot;>;

如何更改计时器S输入的Angular 字体大小?

不能以Angular 更改输入的S边框 colored颜色

如何在页面太短时使<;img&>缩小而不发生y溢出

元素在向x提供溢出时被隐藏

配置了 HTML 视口的 Google Apps 脚本移动网络应用程序无法正确显示

在 html 和 css 中绘制表格内的倾斜线

当悬停时,同时影响相邻的两侧div

主要元素内滚动时,固定导航栏会消失

如何使用 CSS 应用带有笔划的文本阴影?

th 内的 div 标签没有占据全高

如何通过可见文本使用 Selenium 定位元素

使用 CSS flexbox 和溢出顶部而不是底部

如何在 Tailwind CSS 中创建响应式网格布局?