CSS选择器参考
CSS 选择器的参考。 这包括来自 CSS Selectors Level 3 (CSS3) 的新选择器：
通用选择器：*
选择一切。
根元素选择器：:root
选择根元素。 所有元素都是根元素的后代，它几乎总是引用元素。
类型选择器：h2
选择该类型的所有元素。
ID 选择器：#myEl
选择具有提供的 ID 的元素。
类选择器：.btn-xl
选择具有提供的类的所有元素。
属性选择器
简单属性选择器：[target]
选择具有提供的属性的元素。
属性和值选择器： [目标=“_blank”]
选择具有提供的属性和值的元素。
属性和许多值之一： [类~=“大”]
如果值是空格分隔的值列表的一部分，则选择元素。
属性和值的开头： [目标^=“_b”]
选择属性值以提供的字符串开头的元素。
属性和值的结尾： [目标$=“nk”]
选择属性值以提供的字符串结尾的元素。
属性和值的一部分： [目标*=“局域网”]
选择属性值包含提供的子字符串的元素。
属性和连字符分隔的值列表的一部分： [lang|=“zu”]
如果值是连字符分隔列表中的左侧部分，则选择元素。
后代选择器：h2 跨度
如果它是左侧元素的后代，则选择右侧提供的元素。
子选择器：div > p
如果它是左侧元素的直接子元素，则选择右侧提供的元素。
相邻兄弟选择器：div + p
如果右边提供的元素紧跟在左边的元素之前，则选择右边的元素。
通用兄弟选择器：div ~ p
如果右侧提供的元素位于左侧元素的前面，则选择右侧提供的元素。
否定选择器：:not(.first-par)[X39X]
选择与括号中提供的简单选择器不匹配的元素。
伪元素
::before 伪元素：p::before
在元素之前生成的内容。
::after 伪元素：p::after
在元素之后生成的内容。
::首字母伪元素：p::首字母
元素的第一个字母。
::first-line 伪元素：p::first-line
元素的第一行。
结构伪类
第n个孩子（n）：跨度：第n个孩子（5）
如果它是提供的类型，则选择第 n 个兄弟。
nth-last-child(n): p:nth-last-child(4)
从最后一个孩子开始计数，如果它是提供的类型，则选择第 n 个兄弟。
第n个类型（n）：跨度：第n个类型（2）
选择第 n 个兄弟，只计算相同的类型。
nth-last-of-type(n): span:nth-last-of-type(3)
从最后一个孩子开始计数并且只计算提供的类型，选择第 n 个兄弟。
第一个孩子：跨度：第一个孩子
如果与提供的元素类型匹配，则选择父项的第一个子项。
最后一个孩子：跨度：最后一个孩子
如果与提供的元素类型匹配，则选择父项的最后一个子项。
第一个类型：跨度：第一个类型
选择父级中提供的第一个类型。
最后一个类型：跨度：最后一个类型
选择父级中提供的最后一个类型。
独生子女：跨度：独生子女
如果元素是父元素的唯一子元素，则选择该元素。
唯一类型：跨度：唯一类型
如果该元素是父元素中唯一的一个类型，则选择该元素。
空：div：空
选择没有子元素的元素。
链接伪类
链接：a:链接
未访问过的链接。 链接的起点
已访问：a:已访问
已访问的链接。
用户操作伪类
主动：a:主动
当元素处于活动状态时。
悬停：a:悬停
当用户的指点设备位于元素顶部时。
焦点：a:焦点
当元素具有焦点时。 例如，当用户在输入字段内单击时，该字段具有焦点。
目标伪类：p:target
当左侧元素是 url 定义的当前目标时选择。
lang 伪类：:lang(en)
具有指定语言属性的元素。
UI 状态伪类
启用：输入：启用
当左侧的元素被启用时。
禁用：输入：禁用
当左侧的元素被禁用时。
勾选：输入：勾选
检查左侧的元素时。 与单选或复选框类型的输入相关联。
请记住，要在一个 CSS 声明中定位多个选择器，您可以在每个选择器之间使用逗号。 下面的例子全选
没有的元素文章标准类，并选择所有
要素：
p:not(.article-par), h2 {
font-weight: bold;
}
此外，如果您想在定位多个类和/或 ID 的组合时选择一个元素，您将简单地记下多个类和/或 ID，而无需在它们之间使用空格。 例如，如果要选择具有 btn 和 btn-large 类的元素：
.btn.btn-large {
font-weight: bold;
}
在上面的例子中，你不希望你的选择器是 .btn .btn-large，因为那样它会选择 .btn-large 元素是 的后代.btn 元素。
现在假设您要选择的元素的 ID 也为 #main-btn：
#main-btn.btn.btn-large {
font-weight: bold;
}
