Selectors.io

Answering the age-old question of ‘What does this CSS selector do?’

Loading...

If this is taking a long time, click here to reload the page.

Start by typing or pasting in any CSS selector you like into the above text input field


Welcome

Selectors.io has only recently been launched and is still in a very beta-esque state.

It's open-sourced on GitHub at github.com/selectors/selectors.io.
If you find any bugs, feel free to report them at github.com/selectors/selectors.io/issues.

Examples

If you're lost for inspiration, you can click on any of the below examples to give Selectors.io a try!
Note that you can get back to this list at any point by clicking the button.

.list-group-item > .badge + .badgeBootstrap

a[href^="http:"]This Stack Overflow question

ns|*The Selectors Level 3 W3C Recommendation

audio:not([controls])Normalize.css

Selectors.io is maintained by James Donnelly (@inb4) and is open-sourced at github.com/selectors/selectors.io
Found a bug? Have a suggestion? Make it known at github.com/selectors/selectors.io/issues