首页 > 代码库 > 列表隔行换色nth-child() 选择器

列表隔行换色nth-child() 选择器

w3c 说明

dd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。

在这里,我们为奇数和偶数 p 元素指定两种不同的背景色:

p:nth-child(odd){
background:#ff0000;
}p:nth-child(even){
background:#0000ff;
}


在一些比较多信息的列表里,需要不同颜色的横背景来较容易分辨信息,

可以使用nth-child()选择器来进行交换色;

列表隔行换色nth-child() 选择器