Welcome to Zuora Product Documentation

Explore our rich library of product information

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]