热门IT资讯网

CSS3中新增属性总结

发表于:2024-11-26 作者:热门IT资讯网编辑
编辑最后更新 2024年11月26日,1 伪类选择器(用于选择子元素用的)table tr:nth-of-type(odd) 奇数行table tr:nth-of-type(even) 偶数行table tr:nth-child(odd)

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 表示选中最后一个子元素


未完 待总结。。。


0