Inspect element Chrome CSS changes lost on refresh

Question

This might be a weird question but i do this often enough that I'm going to ask, When i am making some adjustments to the look of my web page via CSS I often just inspect element and put in the changes and then when it looks right i copy and paste those changes back to my css sheet and save (the css files are located on my remote server uploaded with FTP), occasionally i accidently refresh the page without the css properly copied and loose my css, is there a way to "get back those changes after refreshing my page or is there a tool i could use to automatically save/back them up so they don't get lost?

Answer 1

You can do this with DevTools Workspaces: https://developer.chrome.com/docs/devtools/workspaces/

You can only make changes to CSS in a file, not inline CSS or HTML markup.