CSS伪类选择器

css选择符列表

模式	意义	分类	定义
*	任意元素	通配选择符	2
E	E类型的元素	类型选择符	1
E[foo]	具有"foo"属性的E类型元素	属性选择符	2
E[foo="bar"]	具有"foo"属性且值为"bar"的E类型元素	属性选择符	2
E[foo~="bar"]	具有"foo"属性且值为用空格分隔的列表，其中一个为"bar"的E元素(包含只有一个值且该值等于val的情况)	属性选择符	2
E[foo^="bar"]	具有"foo"属性且值以"bar"开头的E元素	属性选择符	3
E[foo$="bar"]	具有"foo"属性且值以"bar"结尾的E元素	属性选择符	3
E[foo*="bar"]	具有"foo"属性且值包含"bar"字符串的E元素	属性选择符	3
E[foo|="en"]	具有"foo"属性且值为以"en"开头并用"-"分隔的字符串的E元素，包含值仅为"en"的E元素	属性选择符	2
E:root	作为文档根元素的E元素	结构性伪类	3
E:nth-child(n)	作为第n个子元素的E元素	结构性伪类	3
E:nth-last-child(n)	作为倒数第n个子元素的E元素	结构性伪类	3
E:nth-of-type(n)	第n个同类型的E元素	结构性伪类	3
E:nth-last-of-type(n)	倒数第n个同类型的E元素	结构性伪类	3
E:first-child	作为第一个子元素的E元素	结构性伪类	2
E:last-child	作为第一个子元素的E元素	结构性伪类	3
E:first-of-type	作为同类型中一个元素的E元素	结构性伪类	3
E:last-of-type	作为同类型中最后一个元素的E元素	结构性伪类	3
E:only-child	作为“独生”子元素的E元素	结构性伪类	3
E:only-of-type	作为唯一同类型元素的E元素	结构性伪类	3
E:empty	没有子元素的E元素	结构性伪类	3
E:link E:visited	未访问过和访问过的E元素	链接伪类	1
E:active E:hover E:focus	E元素的指定交互状态	用户交互伪类	1、2
E:target	相关URL指向的E元素	目标伪类	3
E:lang(fr)	使用特殊语言(fr)的E元素	语言伪类	2
E:enabled E:disabled	处于启用或禁用状态的UI元素	UI状态伪类	3
E:checked	处于checked状态的UI元素	UI状态伪类	3
E::first-line	E对象的第一行样式	伪对象选择符	1
E::first-letter	E对象的第一个字符样式	伪对象选择符	1
E::before	E元素的生成对象before	伪对象选择符	2
E::after	E元素的生成对象after	伪对象选择符	2
E.warning	具有"warning"class的E元素	类选择符	1
E#myid	id值为"myid"的E元素	ID选择符	1
E:not(s)	不匹配"s"选择符的E元素	非伪类选择符	3
E F	E元素的后代F元素	后代选择符	1
E > F	E元素的子代元素F	子代选择符	2
E + F	跟E后面相邻的F元素	相邻选择符	2
E ~ F	E元素的后面兄弟F元素	兄弟选择符	3