There’s a lot you can do with Chrome DevTools from editing live websites to studying detailed HTTP requests. But, the ability to analyze CSS patterns is not baked into the console.
With CSS Dig, you can analyze all CSS selectors, specificity, and unique properties of any web page right from Chrome. This extension is totally free and offers a lot of power to frontend developers.
As you inspect a stylesheet you’ll get lots of data from the CSS Dig panel. It can show you individual selectors, including duplicates and unnecessary specificity levels.
