Overview
Pendo uses CSS Selectors as feature rules to identify specific elements within your application. There may be situations where you want to choose an alternative CSS Selector to Pendo’s Suggest Match for feature tagging. In this case, you can choose Custom CSS when tagging a feature to target the desired element.
Click here for a basic reference on CSS Selectors. This provides examples of the various syntax used.
Supported Syntax
.class#idelementelement elementelement,elementelement > element[attribute]- We support "href", "value"[attribute="value"][attribute*="value"]:nth-child(index)- Note: index is 1-based.:contains("text")^=$=
Siblings are not supported.
Note: When using the
[attribute='value'] selector, only certain attributes are allowed. Click here for a full list of the HTML attributes Pendo collects.
Example of :contains()
Here is an example for a button that has the text "Next >>" in it:
