Detecting elements with CSS selector

Note: it is recommended to have some basic knowledge of CSS in order to use this feature.

The editable CSS Selector allows you to use CSS properties to select the object to the target.

To use these features, open the Selector Precision tab from the Step Editor.

Then, enable Advanced settings. Now you should be able to see CSS Selector; enable it if it isn't.

At this point, you can both keep the CSS Selector as it is (by default, it points to the target element), or change it to use an alternative CSS path or to try targeting another page element if you can’t find it with the mouse selector.

To see more details on how to fine-tune theelement detection, please check this Article.