How can I use CSS selectors in FullStory Search?

You can search for elements in FullStory based on either the display text (i.e. Clicked text is) or by using a CSS selector to pinpoint a specific element.

How_can_I_use_CSS_selectors_in_FullStory_Search_.png

When searching using a CSS selector in FullStory, the following formats are supported: 

Any descendant: a b
Attribute equals: [a=b]
Attribute contains word (space delimited): [a~=b]
Attribute contains: [a*=b]
Attribute starts with word (hyphen delimited): [a|=b]
Attribute starts with: [a^=b]
Attribute ends with: [a$=b]

ID Selectors: #a
ID starts with word (hyphen delimited): [id|=a]
ID starts with: [id^=a]

Class Selectors: .a
Class starts with word (hyphen delimited): [class|=a]
Class starts with: [class^=a]

Type (element) Selectors: a
Universal Selectors: * (note: this is only supported for tag names)

Note: We do not support direct descendent expressions such as > for Search.

Need to get in touch with us?

The FullStory Team awaits your every question.

Ask the Community Technical Support