CSS 选择器检测 - 浏览器能力自检

CSS1 基础选择器 1996

元素选择器 (div)

类选择器 (.class)

ID 选择器 (#id)

后代选择器 (div p)

群组选择器 (div, p)

CSS2 选择器 1998

通配选择器 (*)

子选择器 (div > p)

相邻兄弟选择器 (div + p)

属性选择器 ([attr])

属性精确匹配 ([attr=val])

属性包含 ([attr~=val])

属性前缀 ([attr|=val])

:first-child 首个子元素

:link 链接状态

:visited 已访问链接

:hover 悬停状态

:active 激活状态

:focus 焦点状态

::before 伪元素

::after 伪元素

::first-line 首行

::first-letter 首字母

CSS3 选择器 2011

通用兄弟选择器 (div ~ p)

属性开头 ([attr^=val])

属性结尾 ([attr$=val])

属性子串 ([attr*=val])

属性大小写 ([attr val i])

:last-child 最后子元素

:only-child 唯一子元素

:nth-child() 第 n 个子元素

:nth-last-child() 倒数第 n 个

:first-of-type 首个同类型

:last-of-type 最后同类型

:nth-of-type() 第 n 个同类型

:only-of-type 唯一同类型

:empty 空元素

:not() 否定伪类

:target 目标元素

:enabled 启用状态

:disabled 禁用状态

:checked 选中状态

:root 根元素

现代选择器 2016+

:is() 匹配伪类

:where() 零优先级伪类

:has() 关系伪类

:not() 多参数

:focus-visible 焦点可见

:focus-within 内部焦点

:placeholder-shown 占位符显示

:valid 验证通过

:invalid 验证失败

:required 必填

:optional 可选

:in-range 范围内

:out-of-range 超出范围

:read-only 只读

:read-write 可读写

:default 默认选项

:indeterminate 不确定状态

::placeholder 占位符样式

::-webkit-input-placeholder

::-moz-placeholder

:-ms-input-placeholder

::selection 选中文本样式

::backdrop 背景遮罩

::marker 列表标记

::file-selector-button 文件按钮

::cue 字幕样式

::spelling-error 拼写错误

::grammar-error 语法错误