CSS新增的伪类选择器

:root 选择文档的根元素,等同于 html 元素

:empty 选择没有子元素的元素

:target 选取当前活动的目标元素

:not(selector) 选择除 selector 元素意外的元素

:enabled 选择可用的表单元素

:disabled 选择禁用的表单元素

:checked 选择被选中的表单元素

:after 在元素内部最前添加内容

:before 在元素内部最后添加内容

:nth-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n

:nth-last-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n,从后向前数

:nth-child(odd)

:nth-child(even)

:nth-child(3n+1)

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

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

:only-child 匹配父元素下仅有的一个子元素

:nth-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n

:nth-last-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n,从后向前数

:nth-of-type(odd)  匹配同种标签中序数为奇数的元素

:nth-of-type(even) 匹配同种标签中序数为偶数的元素

:first-of-type  匹配父元素下使用同种标签的第一个子元素

:last-of-type   匹配父元素下使用同种标签的最后一个子元素

:only-of-type   匹配父元素下使用同种标签的唯一一个子元素

::selection 选择被用户选取的元素部分,用来改变浏览网页选中文本的默认效果(background和color有效)

:first-line 选择元素中的第一行

:first-letter 选择元素中的第一个字符

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwfjww.html