码迷,mamicode.com
首页 > Web开发 > 详细

CSS3中新增属性总结

时间:2018-06-26 10:53:53      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:.com   一个   src   伪类   14.   term   S3   eve   col   

1 伪类选择器(用于选择子元素用的)

table tr:nth-of-type(odd)  奇数行

table tr:nth-of-type(even) 偶数行

table tr:nth-child(odd) 奇数行

table tr:nth-child(even) 偶数行

技术分享图片

效果如下:

技术分享图片

:nth-child(参数) 更加灵活

技术分享图片

n+i:表示从第i行开始往后全部选中

i:表示只选中当前的第i行

2n/3n:表示选中2的倍数行 3的倍数行

所以:nth-child 用于选择子元素还是非常灵活 和方便的

还有另两个:

:nth-first-child 表示选中第一个子元素

:nth-last-child 表示选中最后一个子元素


未完 待总结。。。


CSS3中新增属性总结

标签:.com   一个   src   伪类   14.   term   S3   eve   col   

原文地址:http://blog.51cto.com/11871779/2132680

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