Selector Tester

Paste markup and a selector, then highlight every matching element on the preview.

Test a selector

Matches: — · elements rendered: —

The preview is rebuilt from your markup on every test, so nothing on this page is changed.

Paste the markup you want to test into the HTML box.
Type a selector and press Test selector to highlight every match on the preview.
Read the match table to see the tag, id and classes of each highlighted element.

Common questions about the free online selector tester.

Paste your markup, type the selector and press the test button. Every matching element is outlined on the preview and listed in the table.

Any selector your browser understands, including type, class, id, attribute, descendant, child, sibling and pseudo-class selectors.

Either the selector does not fit the pasted markup or it contains a typo. Check the tag names, the class spellings and the combinators.

It means the browser could not parse the selector at all, usually because of an unclosed bracket, a stray comma or an unknown pseudo-class.

No. The markup is rendered into a sandboxed preview element in your own browser and is never sent to a server.

Yes. Copy the markup from your own pages into the box and the tester works exactly the same way, including nested elements.

An outline is drawn outside the element box, so highlighting a match never shifts the layout of the preview document.

Yes. It is completely free, runs locally in your browser and needs no account, no sign-up and no upload.

Last updated: October 10, 2026