鱼塘码农

菜鸟学习记录
鱼海无涯

CSS结构伪类选择器

:first-child 选择第一个子元素

:last-child 选择最后一子元素

:nth-child() 按正序选择特定子元素,括号中填: 1:正序第一个;odd:所有单数元素;even:所有偶数元素;2n:单数;2n+1:偶数;3n+1:每隔三个选一个

:nth-last-child() 按倒序选择特定子元素,用法与nth-child()一样

:nth-of-type() 在同类型中选择特定子元素。例如,div下有多个不同元素时 div p:nth-of-type(1) 将选择div下的第一个p元素

:nth-last-of-type() 按倒序在同类型中选择特定子元素

:first-of-type 选择第一个同类型子元素 与nth-of-type相同

:last-of-type 选择最后一个同类型子元素 与nth-of-type相同

:only-of-type 选择同类型的唯一子元素 例如 ul li:only-child,当有两个ul,第一个ul下有多个li,第二个ul下只有一个li,只会选择第二个ul下的li

:only-child 选择唯一子类型 不限定子元素类型的only-of-type

:empty 选择空元素 没有子元素的才会被选择

本原创文章未经允许不得转载 | 当前页面:鱼塘码农 » CSS结构伪类选择器

评论