Skip to content
Answering the age-old question of ‘What does this CSS selector do?’
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
package.json is an online CSS Selector deconstructor which aims to answer the age-old question of ‘What does this CSS selector do?’

##Examples Load up and paste any of the following CSS Selectors into the selector input area at the top to have the site attempt to deconstruct them and tell you exactly what they are selecting:

| Selector | Deconstruction | | :--- | | .list-group-item > .badge + .badge (Bootstrap) |>.badge+.badge | | a[href^="http:"] (A Stack Overflow question) |[href^="http:"] | | ns|* (Selectors Level 3 W3C Recommendation) ||* | | audio:not([controls]) (Normalize.css) |[controls]) |

##Compiling the Source This uses Grunt for concatenating and minifying the JavaScript files and generating CSS. This is configured through Node.js, so you'll also need to install that, then run the following command to install the packages:

npm install

After that's set up, simply point to the project's root directory and run:

You can’t perform that action at this time.