選擇
選擇器是一系列簡單的選擇器,由組合器分隔。選擇器不區分大小寫(包括對元素,屬性和屬性值)。
當沒有提供元素選擇器時,通用選擇器(*)是隱式的(即* .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] |