選擇

選擇器是一系列簡單的選擇器,由組合器分隔。選擇器不區分大小寫(包括對元素,屬性和屬性值)。

當沒有提供元素選擇器時,通用選擇器(*)是隱式的(即* .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]

選擇器完全參考