CSS Selector Evaluator

Run CSS selectors (querySelectorAll) against pasted HTML and highlight matches — the privacy-friendly twin to XPath.

100% In-Browser & Private — your data never leaves this device
Loading tool...

How to use the CSS Selector Evaluator

  1. Paste HTML markup into the workbench.
  2. Enter a CSS selector such as div.header > ul > li:nth-child(2).
  3. Inspect the match list and highlighted preview.
  4. Copy element snippets for scrapers or QA — all local.

FAQ

Is this the same as browser DevTools?
It uses the same querySelectorAll engine on a DOMParser document, so syntax matches standard CSS selectors in modern browsers.
Is my HTML uploaded?
No. Matching runs entirely in your browser.

Related tools

More private, in-browser utilities you might need next.

XPath Tester (HTML)
Test XPath expressions against pasted HTML with live match lists — DOMParser (text/html) + document.evaluate, 100% in your browser.

developer

XML XPath Tester
Evaluate XPath against real XML documents — application/xml parsing, case-sensitive tags, and namespace-aware queries, fully client-side.

developer

HTML Table to CSV
Paste HTML containing tables and export clean, downloadable CSV — DOMParser + PapaParse, private and instant.

developer

HTML DOM Sanitizer
Strip scripts, styles, and noisy attributes from messy webpage HTML — or export clean text / Markdown with DOMPurify.

developer

HTML Formatter
Beautify or minify HTML markup online — private, fast, and fully client-side.

developer

Looking for more? Browse all developer tools · All tools