Paste your input
Drop CSS, HTML, JSON, or other text into the editor. Nothing is uploaded.
CSS Selector Tester
Test selectors against HTML.
How to use
Four quick steps — paste, run, review, copy. Everything stays in your browser.
Run the tool
Click Convert or Run. The result appears instantly on this page.
Check the output
Read the generated code and any review notes before you ship it.
Copy and use
Copy the output to your clipboard and paste it into your project.
About this tool
Try a CSS selector against a small HTML sample in the browser. Matches are listed so you can debug querySelector assumptions.
Example
Sample HTML includes a .card with a child heading and a sibling without the class.
Input
div.card > h2Output
1 match(es): <h2>…</h2>Tip
Great for teaching :nth-child and descendant vs child combinators.