前军教程网

模式

意义

分类

级别

*

任意元素

通用选择器

2

E

类型为E的元素

类型选择器

1

E[foo]

元素类型为E，且带有一个foo属性

属性选择器

2

E[foo="bar"]

元素类型为E，且其foo属性值等于"bar"

属性选择器

2

E[foo~="bar"]

元素类型为E，其foo属性值是一组由空白符相隔的序列，且其中的一个值等于"bar"

属性选择器

2

E[foo^="bar"]

元素类型为E，且其foo属性值以字符串"bar"开头

属性选择器

3

E[foo$="bar"]

元素类型为E，且其foo属性值以字符串"bar"结尾

属性选择器

3

E[foo*="bar"]

元素类型为E，且其foo属性值包含子字符串"bar"

属性选择器

3

E[foo|="en"]

元素类型为E，其foo属性值以子字符串"en"开头、且可能带有连字符"-"

属性选择器

2

E:root

元素类型为E，且是document的根元素

结构伪类选择器

3

E:nth-child(n)

元素类型为E，且是其父元素的第n个子元素

结构伪类选择器

3

E:nth-last-child(n)

元素类型为E，且是其父元素的倒数第n个子元素

结构伪类选择器

3

E:nth-of-type(n)

元素类型为E，且是同级元素中第n个该类型的元素

结构伪类选择器

3

E:nth-last-of-type(n)

元素类型为E，且是同级元素中倒数第n个该类型的元素

结构伪类选择器

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，且没有任何子元素（包括文本nodes）

结构伪类选择器

3

E:link

元素类型为E，且链接目标尚未访问

链接伪类选择器

1

E:visited

元素类型为E，且链接目标已经访问

链接伪类选择器

1

E:active

元素类型为E，且正在被用户用鼠标左键点击

用户行为伪类选择器

1, 2

E:hover

元素类型为E，且鼠标悬停

用户行为伪类选择器

1, 2

E:focus

元素类型为E，且获得输入焦点

用户行为伪类选择器

1, 2

E:target

元素类型为E，且是HTML文档中其他元素的链接目标

目标伪类选择器

3

E:lang(fr)

元素类型为E，且语言为"fr"

:lang()伪类选择器

2

E:enabled

类型为E的用户界面元素，且被激活

UI元素状态伪类选择器

3

E:disabled

类型为E的用户界面元素，且被禁用

UI元素状态伪类选择器

3

E:checked

类型为E的用户界面元素，且被选中（radio 或 checkbox 按钮）

UI元素状态伪类选择器

3

E::first-line

元素类型为E，经排版后的第一行内容

::first-line伪元素选择器

1

E::first-letter

元素类型为E，经排版后的第一个字符

::first-letter伪元素选择器

1

E::before

元素类型为E，在其前面自动生成的内容

::before伪元素选择器

2

E::after

元素类型为E，在其后面自动生成的内容

::after伪元素选择器

2

E.note

元素类型为E，其className为"note"

类选择器

1

E#myid

元素类型为E，其id为"myid"

ID选择器

1

E:not(s)

元素类型为E，且不匹配选择器 s

否定伪类选择器

3

E F

元素类型为F，且是E元素的后代

后代组合选择器

1

E > F

元素类型为F，且是E元素的子元素

子元素组合选择器

2

E + F

元素类型为F，且紧随在同级的E元素之后

下一个同级元素组合选择器

2

E ~ F

元素类型为F，且排列在同级的E元素之后（不一定紧随）

后续同级元素组合选择器

3