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 选择元素中的第一个字符
版权声明:本文为wangyueyue原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。