首页 > Web开发 > 详细

CSS3中新增属性总结

时间:2018-06-26 10:47:21      阅读:269      评论:0      收藏:0      [点我收藏+]
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中新增属性总结

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

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