CSS Diff for Google Chrome

CSS Diff - How to See the Difference Between Two Styles

If you work on a website or application where you manage a style sheet that contains several dozen styles, and you are modifying it in the DevTools, then you’re faced with the fact that your changes will not be visible to the user. It can be difficult to make sure that your changes don’t mess things up and that your change doesn’t break something else.

CSS Diff solves this by allowing you to see the difference between the two versions of your CSS stylesheet. You can select one style and view the differences between it and the other style. This makes it easy to make sure that your change doesn’t cause unintended changes.

You can also use CSS Diff to see the difference between two CSS files and apply the changes to a single file.