超级会员免费看
斑马纹列表
创建一个背景色交替的条纹列表。
使用 :nth-child(odd) 或 :nth-child(even) 伪类选择器,根据元素在一组兄弟元素中的位置,对匹配的元素应用不同的 background-color。
💡 提示：你可以用它对其他 HTML 元素应用不同的样式,如
<div>、<tr>、<p>、<ol>等。
<body>
<ul>
<li>项目 01</li>
<li>项目 02</li>
<li>项目 03</li>
<li>项目 04</li>
<li>项目 05</li>
</ul>
<style>
li:nth-child(odd) {
background-color: #999;
}
</style>
</body>
订阅专栏 解锁全文
扫一扫
4822
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
