Online Specificity Graph Generator. Just paste in a blob of CSS and the graph will be generated. CSS Specificity Graph Generator → If you’re looking for an offline tool, CSS Reporter has got you covered.
Tag Archives: specificity
The Specificity Graph
The Specificity Graph is a very simple model for diagrammatically assessing the overall health of your codebase in terms of specificity—a way of looking at an entire project’s CSS and highlighting any potentially troublesome areas of higher-than-ideal specificity. We can then use this snapshot to refactor and rearchitect old projects into a better shape, or …
Continue reading “The Specificity Graph”
CSS Specificity : Things you should know
Nice summarizing article for those still in the dark on the subject. The article basically is a rewrite of Andy Clarke’s Specificity Wars (the first article ever on the subject, not?) but then with some little extras.