Analyze CSS

Prettifying makes inspecting the CSS easier, but very slighty changes the numbers.

You are offline. Analyzing a URL will not work, but you can still analyze files or input directly.

This analyzer will show you everything you want to know about your code and a whole lot more. Think Source Lines of Code, selector complexity and specificity or which CSS units are used the most. Anyone who audits CSS can't do without these metrics. Here are some of the questions this analyzer will answer:

  • How many Source Lines of Code is my CSS?
  • What is the average Rule size of my CSS?
  • How many selectors are there in my largest Rule?
  • What is the highest or most common selector specificity in my CSS?
  • How high is my total selector complexity?
  • Which CSS units are used?
  • How many @media query are used?