SnippKit Logo

CSS Specificity Calculator

Input CSS selectors (one per line) for accurate specificity calculation using industry-standard parsing.

Results are sorted highest-to-lowest. The top result (highlighted blue) is the most specific selector.

Specificity Scores (Highest First)

Results will appear here after you input selectors.

Score: (Inline, A, B, C) A=IDs B=Classes/Attrs/Pseudo-classes C=Elements/Pseudo-elements