可以使用CSS中的nth-child选择器来为每个子元素设置不同的颜色。

例如,下面的代码将为列表中的每个奇数项设置不同的背景颜色,而偶数项则不会被影响:

li:nth-child(odd) {
  background-color: lightblue;
}

你也可以使用nth-child选择器的其他选项,例如nth-child(2n+1)来选择所有奇数项,或者nth-child(3n)来选择每三个子元素中的一个。然后根据需要,为每一个选择器设置不同的样式即可。

css 每个子元素不同颜色

原文地址: https://www.cveoy.top/t/topic/DGH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录