Paste HTML
Add the markup.
Code & Data Tool
CSS Selector Tester
Test CSS selectors against pasted HTML and show matching elements.
Loading workspace...
About this tool
What is CSS Selector Tester?
CSS Selector Tester checks a CSS selector against pasted HTML and shows which elements match.
Useful when you need to
- Debug a selector that is not applying
- Learn combinators and pseudo-classes
- Prepare selectors for scripts
How to use
How to use CSS Selector Tester
01 02 Enter a selector
Type the CSS selector.
03 Run it
See matching elements.
04 Refine
Change the selector until the match is right.
Tips
Get better results
- Check specificity separately. Matching does not show which rule wins.
- Use classes for reusable selectors.
FAQ
Frequently asked questions
Does it apply styles?
No, it only shows matches.
Is it private?
Yes.
Does it run my scripts?
No.
More practical guides · File handling and privacy · Report an incorrect instruction