首页 > 其他 > 详细

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

时间:2014-11-24 13:45:43      阅读:302      评论:0      收藏:0      [点我收藏+]

w3c 说明

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

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

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


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

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

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

原文:http://kinpui.blog.51cto.com/6062354/1581826

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!