做电商网站的上海公司,污水管网建设,怎么制作公众号推送,乐陵森木全屋定制斑马纹列表
创建一个背景色交替的条纹列表。
使用 :nth-child(odd) 或 :nth-child(even) 伪类选择器,根据元素在一组兄弟元素中的位置,对匹配的元素应用不同的 background-color。 💡 提示:你可以用它对其他 HTML 元素应用不同的样式,如 div、tr、pdiv、tr、p、ol 等。 bodyulli项目 01/lili项目 02/lili项目 03/lili项目 04/lili项目 05/li/ulstyleli:nth-child(odd) {background-color: #999;}/style
/body这个技巧利用了 CSS 的结构化伪类选择器:
:nth-child(odd) 选择器匹配其在一组兄弟元素中位置为奇数的元素(第一个、第三个、第五个等)。:nth-child(even) 选择器匹配其在一组兄弟元素中位置为偶数的元素(第二个、第四个、第六个等)。在这个例子中