Supported CSS selectors
Zephr supports the following CSS Selectors:
Pattern | Matches |
|
---|---|---|
* |
any element |
* |
tag |
elements with the given tag name |
div |
*|E |
elements of type E in any namespace ns |
*|name finds <fb:name> elements |
ns|E |
elements of type E in the namespace ns |
fb|name finds <fb:name> elements |
#id |
elements with attribute ID of “id” |
div#wrap, #logo |
.class |
elements with a class name of “class” |
div.left, .result |
[attr] |
elements with an attribute named “attr” (with any value) |
a[href], [title] |
[^attrPrefix] |
elements with an attribute name starting with “attrPrefix”. Use to find elements with HTML5 datasets |
[^data-], div[^data-] |
[attr=val] |
elements with an attribute named “attr”, and value equal to “val” |
img[width=500], a[rel=nofollow] |
[attr=”val”] |
elements with an attribute named “attr”, and value equal to “val” |
span[hello=”Cleveland”][goodbye=”Columbus”], a[rel=”nofollow”] |
[attr^=valPrefix] |
elements with an attribute named “attr”, and value starting with “valPrefix” |
a[href^=http:] |
[attr$=valSuffix] |
elements with an attribute named “attr”, and value ending with “valSuffix” |
img[src$=.png] |
[attr*=valContaining] |
elements with an attribute named “attr”, and value containing “valContaining” |
a[href*=/search/] |
[attr~=regex] |
elements with an attribute named “attr”, and value matching the regular expression |
img[src~=(?i)\\.(png|jpe?g)] |
The above may be combined in any order |
div.header[title] |