对css选择器的引用。这包括来自CSS选择器级别3(CSS3)的新选择器：

通用选择器：*

选择所有内容。

Root元素选择器：：Root

选择根元素。所有元素都是根元素的后代，并且它几乎总是引用元素。

类型选择器：h2

选择该类型的所有元素。

选择器ID： myel

选择具有提供的ID的元素。

类选择器：.btn-xl

选择具有所提供类的所有元素。

属性选择器

简单属性选择器：[目标]

选择具有所提供属性的元素。

属性和值选择器：[TARGET=_BLACK]

选择具有提供的属性和值的元素。

属性&多个值之一：[CLASS~=Large]

如果值是空格分隔的值列表的一部分，则选择元素。

属性和值的开始：[目标^=_b]

属性的值以提供的字符串开头。

属性和值结束：[目标$=nk]

选择属性值以提供的字符串结尾的元素。

属性和部分值：[target* =lan]

选择属性值包含所提供的子字符串的元素。

属性&连字符分隔值列表的一部分：[lang|=zu]

如果值是连字符分隔列表中的左侧部分，则选择元素。

后代选择器：h2 span

如果是左侧元素的后代，则选择右侧提供的元素(S)。

子选择器：div>p

如果是左侧元素的直接子元素，则选择右侧提供的元素(S)。

相邻兄弟节点：div + p

如果左侧的元素紧跟在右侧提供的元素之前，则选择右侧提供的元素。

通用兄弟选择器：div~p

如果左侧的元素位于右侧，则选择右侧提供的元素。

否定选择器：：NOT(.first-par)

选择与括号中提供的简单选择符不匹配的元素。

• 伪元素

：：BEVER伪元素：P：：BEFORE

元素之前生成的内容。

：：After伪元素：p：：After

元素之后生成的内容。

：：首字母伪元素：p：：首字母

元素的第一个字母。

：：first-line伪元素：p：：first-line

元素的第一行。

结构化伪类

第n个孩子(S)：跨度：第n个孩子(5)

如果第n个同级项是提供的类型，则选择它。

n倒数(N)：p：n倒数(4)

从最后一个子项开始计算，如果第n个同级项是提供的类型，则选择它。

nth-of-type(N)：span：n-of-type(2)

选择第n个同级，只计算相同的类型。

nth-last-of-type(N)：span：n-last-of-type(3)

从最后一个子代开始计数，并且只计算提供的类型，选择第n个同级。

第一胎：span：第一胎

如果父级的第一个子级与提供的元素类型匹配，则选择它。

last-child：span：last-child

如果父级的最后一个子级与提供的元素类型匹配，则选择它。

第一类型：span：第一类型

选择父级中提供的第一个类型。

类型末尾：span：类型末尾

选择父级中提供的最后一个类型。

独子：span：独子

如果该元素是父元素的唯一子元素，则将其重新命名。

Only-of-type：span：Only-of-type

如果该元素是父元素中唯一的类型，则选择该元素。

Empty：div：Empty

没有子元素的子元素。

链接伪类

link：A：link

一个从未被访问过的链接。链接的起点

访问过：A：访问过

已被访问的链接。

用户操作伪类

Active：A：Active

当元素处于活动状态时。

Over：A：Home#

当用户的定点设备位于元素顶部时。

焦点：A：焦点

当元素具有焦点时。例如，当用户在输入字段内单击时，该字段具有焦点。

Target伪类：p：Target

当左侧的元素是URL定义的当前目标时选择。

郎伪课：：郎朗(S)

具有指定的lang属性的元素(S)。

UI状态伪类

已启用：输入：已启用

当启用左侧的元素(S)时。

禁用：输入：禁用

当左侧的元素(S)被禁用时。

输入：已检查

当选中左侧的元素(S)时。与类型为单选或复选框的输入相关联。

请记住，要在一个CSS声明中定位多个选择器，需要在每个选择器之间使用逗号。下面的示例选择不具有文章-解析 类的所有

元素，还选择所有

元素：

1p:not(.article-par), h2 {
2  font-weight: bold;
3}

此外，如果您想选择一个元素，同时针对多个类和/或ID的组合，您只需注意多个类和/或ID，而无需在它们之间使用空格。例如，如果你想选择一个具有btn和btn-large类的元素：

1.btn.btn-large {
2  font-weight: bold;
3}

在上面的示例中，您不希望您的选择器是.btn.btn-Large，因为这样会选择.btn-作为.btn元素的后代的大型元素。

现在假设您要选择的元素的ID也是# main-btn：

1#main-btn.btn.btn-large {
2  font-weight: bold;
3}