选择
选择器是一系列简单的选择器,由组合器分隔。选择器不区分大小写(包括对元素,属性和属性值)。
当没有提供元素选择器时,通用选择器(*)是隐式的(即* .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] |