css伪类选择器

发布时间 2023-11-24 22:02:51作者: jialiangzai
点击查看代码
:nth-child(){},用来选择父元素下的第n个子元素。
注意::nth-child(){}是根据父元素下所有子元素进行排序
:nth-child(2n){},选中父元素下偶数行的子元素。
:nth-child(2n+1){},选中父元素下奇数行的子元素。
:nth-child(odd){},选中父元素下奇数行的子元素。
:nth-child(even){},选中父元素下偶数行的子元素。


:first-of-type{},用来选择父元素下的第一个子元素。
注意::first-of-type{}是根据父元素下所有同类型的子元素进行排序。
:last-of-type{},用来选择父元素下的最后一个子元素。
注意::last-of-type{}是根据父元素下所有同类型的子元素进行排序。
:nth-of-type(n){},用来选择父元素下的第n个子元素。
注意::nth-of-stype(n){}是根据父元素下同类型的子元素进行排序
:nth-of-type(2n){},选中父元素下偶数行的子元素。
:nth-of-type(even){},选中父元素下偶数行的子元素
:nth-of-type(2n+1){},选中父元素下奇数行的子元素。
:nth-of-type(odd){},选中父元素下奇数行的子元素。
:not(n){}否定类,将复合的元素去除,n为指定数值。