CSS选择器速查

模式 含义 CSS3 选择器类型 * 任何元素 通配符选择器 E 类型为 E 的元素 类型选择器 E.warning 类为 “warning” 的 E 元素 类选择器 E#myid ID 等于 “myid” 的 E 元素 ID 选择器 E[foo] 带 “foo” 属性的 E 元素 属性选择器 E[foo=”bar”] “foo” 属性值恰为 “bar” 的 E 元素（引号是可选的） 属性选择器 E[foo~=”bar”] “foo” 属性为一组空格分隔的值，且其中之一恰为 “bar” 的E元素（引号是可选的） 属性选择器 E[foo^=”bar”] “foo” 属性以 “bar” 开头的 E 元素（引号是可选的） 是 属性选择器 E[foo$=”bar”] “foo” 属性以 “bar” 结束的 E 元素（引号是可选的） 是 属性选择器 E[foo*=”bar”] “foo” 属性值在某处包含 “bar” 的 E 元素（引号是可选的） 是 属性选择器 E[foo|=”en”] “foo” 属性为一组连字符分隔的值且（从左边开始）以 “en” 开头的 E 元素（引号是可选的） 属性选择器 E F 作为 E 元素后代的 F 元素 后代结合符 E > F 作为 E 元素子元素的 F 元素 子元素结合符 E + F 紧接 E 元素后面的 F 元素 相邻同胞元素结合符 E ~ F 位于 E 元素后面的 F 元素 是 通用同胞元素结合符 E:root E 元素，文档根元素 是 结构伪类 E:nth-child(n) E 元素，其父元素的第 n 个子元素 是 结构伪类 E:nth-last-child(n) E 元素，其父元素的倒数第 n 个子元素 是 结构伪类 E:nth-of-type(n) E 元素，该类型的第 n 个同胞元素 是 结构伪类 E:nth-last-of-type(n) E 元素，该类型的倒数第 n 个同胞元素 是 结构伪类 E:first-child E 元素，其父元素的第一个子元素 结构伪类 E:last-child E 元素，其父元素的最后一个子元素 是 结构伪类 E:first-of-type E 元素，该类型的第一个同胞元素 是 结构伪类 E:last-of-type E 元素，该类型的最后一个同胞元素 是 结构伪类 E:only-child E 元素，其父元素的唯一子元素 是 结构伪类 E:only-of-type E 元素，该类型的唯一同胞元素 是 结构伪类 E:empty 没有子元素（含文本结点）的 E 元素 是 结构伪类 E:link,E:visited 作为目标尚未访问过（:link）或已经访问过（:visited）的超链接的E元素 链接伪类 E:focus,E:hover,E:active 处于特定用户操作下的 E 元素 用户操作伪类 E:target 作为引用 URI 目标的 E 元素 是 目标伪类 E:lang(fr) 语言为 “fr” 的 E 元素 :lang()伪类 E:enabled E:disabled 状态为有效的或无效的用户界面 E 元素 是 UI 元素状态伪类 E:checked 选中了的用户界面 E 元素（如单选按钮或 复选框） 是 UI 元素状态伪类 E::first-line E 元素在格式上的第一行 ::first-line 伪元素 E::first-letter E 元素在格式上的第一个字母 ::first-letter 伪元素 E::before E 元素之前的生成内容 ::before 伪元素 E::after E 元素之后的生成内容 ::after 伪元素 E:not(s) 与简单选择器 s（例如 input:not(.warning)） 不匹配的 E 元素 是 否定伪类