How to use Safe HTML CSS Selector Tester
Run a CSS selector against an inert HTML document and inspect matching tag, text, class, ID, and sanitized attributes.
What to provide
Paste HTML. It is parsed into an isolated inert document and never mounted or rendered.
Enter a standards-based selector such as article[data-kind="news"] h2.
- Paste, type, or drag and drop a supported text file into the input area.
- Place the second value or file in the adjacent panel. Sensitive fields are masked by default.
- Review the input and the clearly labeled output behavior.
- Select “Run tool” or press Ctrl/Command + Enter, then copy, download, or move the result back into the first input for another pass.
Use “Swap inputs” to reverse the comparison without copying either value.
What the result means
A bounded table of selected elements with text and non-event attributes.
Privacy and safety
This utility is loaded as browser code and processes your input only in this tab. OmniCastConverter has no upload endpoint and never stores your content, filenames, tokens, or secrets. Generated markup and code are shown as inert text and are never executed.
Limitations
- All input and output remains in this browser tab and is never uploaded or saved. Browser selector support applies. Generated styles, shadow DOM, frames, script mutations, layout state, and pseudo-elements are not evaluated.
Try the included example
Select “Load example” at any time to restore this tested sample.
<main><article data-kind="news"><h2>Private tools</h2></article><article><h2>Other</h2></article></main>article[data-kind="news"] h2