CODEWITHSUNDEEP
cssgoogle-chromeweb
MrKatSwordfish
MrKatSwordfish

Reputation: 1524

Saving CSS edits made using Chrome's Developer Tools?

I've been toying around with different CSS styles for a site that I'm running by selecting various things with Chrome's built-in "Developer Tools" and editing them one by one. Now I've landed on an overall style that I'm more or less happy with, but I'm not sure how to save my results! Is there an easy way to save or export all the changes that I've made in Chrome as a big CSS file so that I can apply them to my actual site?

Upvotes: 2

Views: 4051

Answers (1)

Ethan
Ethan

Reputation: 3798

As long as you haven't been sticking them in element.style, yes:

  1. Go to a style you have added. There should be a link saying inspector-stylesheet:

enter image description here

  1. Click on that, and it will open up all the CSS that you have added in the sources panel

  2. Copy and paste it - yay!

If you have been using element.style, you can just right-click on your HTML element, click Edit as HTML and then copy and paste the HTML with the inline styles.

Upvotes: 0

Related Questions