Selector Matching and Full-Text Search

Using Xylescope you can easily find all the HTML elements that match a given selector

screenshot: selectormatching

Not only does Xylescope make it possible to display the CSS cascade for each selected HTML element, it also helps establish all associated HTML elements that match a given selector.

Clicking on a selector in the CSS Pane displays a list of paths to all HTML elements matching that selector. This is displayed to the left of the Column Pane. Click on one of the paths displayed here to select the corresponding element.

There is also a HTML search field, where selectors can be entered directly. Entering "a img" for example finds all img elements that are contained within an anchor element.

The HTML search feature also enables you to carry out a full-text search. The search mode can be selected from the search fields integrated pull down menu. As the result of a full-text search you will get a list of paths to all elements whose content contains the search term. Clicking on a listed path will show the content of the respective element in the HTML pane.

Additional details