title: How to save CSS changes of Styles panel of Chrome Developer Tools?
body: <p>How to save CSS changes of <a href="http://code.google.com/chrome/devtools/docs/elements-styles.html#styles_edit" rel="noreferrer">Styles panel</a> of <a href="http://code.google.com/chrome/devtools/docs/overview.html" rel="noreferrer">Google Chrome Developer Tools</a>?</p>
  
  <p>At tool's website it's mentioned that <a href="http://code.google.com/chrome/devtools/docs/elements-styles.html#persist" rel="noreferrer">we can see all change in resource panel</a> </p>
  
  <p><img src="https://i.stack.imgur.com/qi3lY.png" alt="enter image description here"></p>
  
  <p>But I'm working locally on a CSS file but changes are not showing in Resource panel for me</p>
  
  <p><img src="https://i.stack.imgur.com/EmG8e.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/MxS2o.jpg" alt="enter image description here"></p>
  
  <p><strong>By the way Do you know any add-ons , tools to save css changes of Chrome Developer tools?</strong>
   I know for Firebug there are many <a href="https://stackoverflow.com/search?q=firebug+CSS+changes+save">https://stackoverflow.com/search?q=firebug+CSS+changes+save</a></p>