title: Update source file when CSS is changed through Chrome developer tools
body: <p>I'm using xampp as my local server for php projects. I'm searching for a tool to update css changes automatically which i done through chrome inspect element.</p>
  
  <p><strong>What i'm doing now is,</strong></p>
  
  <ul>
  <li>Open my project in chrome (localhost/project)</li>
  <li>Right click and Inspect element</li>
  <li>change css (lets say change color of h1 tag)</li>
  <li>copy those and past it into my style.css</li>
  </ul>
  
  <p><strong>What i want to do is</strong></p>
  
  <ul>
  <li>Open my project in chrome (localhost/project)</li>
  <li>Right click and Inspect element</li>
  <li>change css (lets say change color of h1 tag)</li>
  <li>auto update changes (change color of h1 tag) in style.css</li>
  </ul>
  
  <p>Is there any tool or script available to achieve this ?</p>