title: Trying to persist CSS changes to file on disk in Chrome Dev tools
body: <p>I have just started exploring the possibility of saving changes made to a page and it's styling in Chrome Dev Tools on the fly. </p>
  
  <p>I've followed <a href="https://www.youtube.com/watch?v=thGaLbbKsW0" rel="nofollow noreferrer">this short video</a> tutorial on mapping the project files on disk to the Dev Tools via the <code>Sources</code> tab. Everything works fine until around the 5:17 point where he selects an element in the <code>Elements</code> tab and makes several CSS style changes which automatically persist to the file on disk. </p>
  
  <p>This doesn't work for me. The changes won't save to the file and when I refresh the page reverts to the original styles. I have checked to see if there is an asterisk beside the corresponding CSS file in the <code>Sources</code> panel, to denote changes have been made, but there is nothing there. </p>
  
  <p>I have also tried the solution posted in <a href="https://stackoverflow.com/questions/23914983/automatically-save-css-changes-made-to-existing-styles-in-chrome-dev-tools">this SO question</a> but I don't see the link to the stylesheet after editing the style in the Elements tab that will redirect back to the file in the Sources tab allowing the changes to be saved.</p>
  
  <p>Can anyone tell me what I am missing? Thanks!</p>