A visual way to analyze the specificity of selectors in CSS.
Website: isellsoap.github.io/specificity-visualizer
- You must have Node.js installed to run the Specificity Visualizer locally.
- Clone the repository with
git clone https://github.com/isellsoap/specificity-visualizer.git
. - Go into the folder with
cd specificity-visualizer
and install the dependencies withnpm install
. - Build all the assets with
npm run build
. - This will create the
index.html
in thedist
folder which you can now open in your browser.
This repository is published under the MIT license.