CODEWITHSUNDEEP
htmlcssgoogle-chrome
styke
styke

Reputation: 2174

Automatically save CSS changes made to existing styles in Chrome dev tools?

I've already mapped the necessary files to the local resource - however, while that does allow me to save any changes made to a file in the Sources panel, I was wondering if it's possible to automatically save changes to CSS made in the Elements panel. Otherwise at the moment, any changes made to the style in the Elements panel seem to exist only there.

I remember at some point there used to be a little indicator of the file and line number next to a class/id etc. in the Styles tab of the Elements panel - surely it can't be that hard to simply 'update' any changes to that style rule considering Chrome knows exactly where it's coming from (in the case that it's a stylesheet and not an inline style?). It would be a great relief to my workflow.

The answers to this similar question are obsolete.

Upvotes: 3

Views: 275

Answers (1)

KM123
KM123

Reputation: 1377

When you have finished making your changes in the Elements tab. Next to the style there should be a link with the file name there, something along the lines of site.css:4 or similiar, if you click on that link it will open up the sources tab with that certain page what you have editied containing the modifications. Then you can go to save as, and then save the document from there.

I hope this helps you out :)

Upvotes: 1

Related Questions