B.2　CSS选择器和结合符

表B.2　CSS选择器和结合符
模　　式 含　　义 CSS3 选择器类型
* 任何元素 通用选择器
E 类型为E的元素 类型选择器
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: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.warning 类为"warning"的E元素 类选择器
E#myid ID等于"myid"的E元素 ID选择器
E:not(s) 与简单选择器s（例如input:not(.warning)）不匹配的E元素 是 否定伪类
E F 作为E元素后代的F元素 后代结合符
E > F 作为E元素子元素的F元素 子元素结合符
E + F 紧接E元素后面的F元素 相邻同胞元素结合符
E ～ F 位于E元素后面的F元素 是 通用同胞元素结合符

表B.2是根据www.w3.org/TR/css3-selectors/提供的CSS3选择器模型制订的，版权由万维网联盟（美国麻省理工学院、法国国家计算机科学与控制研究所、日本庆应义塾大学）所有。保留所有权利。