Find elements

Along with Find text in page across all panes, you can also search for elements using CSS Selectors.

Open the Find element popup with ⇧ ⌘ f, by choosing "Find HTML in page..." in the Edit menu, or by opening the find in page popup and switching from "text" to "HTML".

Search by CSS Selector

In the popup you can type any CSS selector to find all matching elements. Any CSS Selector accepted by the browser can be used, so you can be as creative as you want.

Polypane automatically scrolls to the first matching element and you can use the up/down buttons, or Enter/⇧ Enter to cycle through all matching elements.

Press ⌘ Enter or click the Magnifier icon to open the currently selected element in the Elements panel, so you can inspect it further.

Specificity

Below the search input we show the specificity of the selector you've typed in, so you can also use this feature to quickly check the specificity of a selector.

If you want an explanation of the specificity, click it and we'll open the selector in our CSS specificity calculator in the browser panel.

Browse panel

The Find Elements feature is also available in the Browse panel. When the browse panel is focused, use the same shortcut ⇧ ⌘ f to open the Find Elements popup and search for elements in the current browse panel tab.