网站建设资讯

NEWS

网站建设资讯

CSS3中新增属性总结

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

为建邺等地区用户提供了全套网页设计制作服务,及建邺网站建设行业解决方案。主营业务为成都网站建设、网站制作、建邺网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

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

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

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

CSS3中新增属性总结

效果如下:

CSS3中新增属性总结

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

CSS3中新增属性总结

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

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

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

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

还有另两个:

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

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

未完 待总结。。。


本文标题:CSS3中新增属性总结
URL标题:http://njwzjz.com/article/jjpshs.html