Hierarchical navigation

Using the column view you can navigate within HTML elements

In the upper right-hand corner of the main window there is a Column View, which shows the HTML document currently loaded in a hierarchical view. For the purpose of clarity, only the block level elements are shown at first. Since id and class attributes are important for the CSS designer, they are blended in with different colors.

Using the Column View one can select elements by clicking on them. All other views in the main window of Xylescope are affected by this element selection.

The next topics show how the different views in Xylescope work together.

Additional Details