码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-11-24 13:48:47      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:background   关键词   背景色   信息   元素   

w3c 说明

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

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

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


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

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

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

标签:background   关键词   背景色   信息   元素   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!