CSS3中新增属性总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3中新增属性总结相关的知识,希望对你有一定的参考价值。

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中新增属性总结的主要内容,如果未能解决你的问题,请参考以下文章

css3中新增的样式使用方法

移动端rem用法总结

(总结5)H5中新增的功能性事件

MySQL 最基础命令总结(增删改)

css3属性选择器总结

?css3属性选择器总结