选择

选择器是一系列简单的选择器,由组合器分隔。选择器不区分大小写(包括对元素,属性和属性值)。

当没有提供元素选择器时,通用选择器(*)是隐式的(即* .header 和 .header 是等效的)。

图案 匹配
* 任何元素 *
tag 具有给定标记名称的元素 div
ns|E 名称空间 ns 中的 E 类型元素 fb|name finds <fb:name> elements
#id 属性 ID 为 id 的元素 div#wrap, #logo
.class 类名为 class 的元素 div.left, .result
[attr] 具有名为 attr 的属性的元素(具有任何值) a[href], [title]
[^attrPrefix] 属性名称以 attrPrefix 开头的元素。用于查找包含 HTML5 数据集的元素 [^data-], div[^data-]
[attr=val] 具有名为 attr 的属性的元素,以及等于 val 的值 img[width=500], a[rel=nofollow]
[attr="val"] 具有名为 attr 的属性的元素,以及等于 val 的值 span[hello="Cleveland"][goodbye="Columbus"], a[rel="nofollow"]
[attr^=valPrefix] 具有名为 attr 的属性的元素,以及以 valPrefix 开头的值 a[href^=http:]
[attr$=valSuffix] 具有名为 attr 的属性的元素,以及以 valSuffix 结尾的值 img[src$=.png]
[attr*=valContaining] 具有名为 attr 的属性的元素,以及包含 valContaining 的值 a[href*=/search/]
[attr~=regex] 具有名为 attr 的属性的元素,以及与正则表达式匹配的值 img[src~=(?i)\.(png|jpe?g)]
以上可以以任何顺序组合 div.header[title]

选择器完全参考