Is there a way to use Chrome's Inspect Element to locate the file I would need to edit to save changes locally?

It's a little more involved than that.  You need to first click on the right window, where the HTML and CSS filenames are displayed, on the file.  It then pops up, with your edits, in the left window.  at that point, you can right click, save locally, and upload to your server. Check this link for screenshots: http://devcoma.blogspot.com.br/2012/07/change-css-and-save-on-local-file.html

Something you may find useful is a Chrome plug-in called Stylebot. It allows you to save custom CSS declarations on a site-by-site basis. I've used this in situations where I didn't have a local dev environment set up, and modifying the CSS meant a lot of time uploading and refreshing the page, or worse, waiting for a build to complete with every change. (For the record, I am not affiliated in any way with Stylebot or its makers.)

Yes,  as others have said, you open up developer tools, then on the right hand side, you'll see the page styles.  At the top of each selector, on the right, you'll see the source of a given style. If you click on that, (in this case, it's -74066482fbfc7d2.css), it will open the css file. Once you're in the css file, right click in the background of that file and it will give you the option to save that file.

Yes you can. You can open a file in Chrome inspect element source tab and press Ctrl+S to Save it. In case of css, You can edit it is elements Tab and see the live preview of your changes and it;s impact of the view and clicking on the file link could save it locally.

Hi, Inspect element is used by developers to check the functionality and alignments of website. Changes done vanish if the browser is closed or refreshed that page. If you want to those changes permanently then you'd need to change the code present in the hosted server.

You should definitely be able to which HTML (assuming it's a static HTML page) or CSS file you are modifying. I'm guessing what you are after is the CSS file. If you hover your mouse in the rightmost pane in the inspector you will get the fully qualified path of the CSS file.

Use this tool. https://chrome.google.com/webstore/detail/devtools-autosave/mlejngncgiocofkcbnnpaieapabmanfl?hl=en Saves changes in CSS and JS that was made via Chrome DevTools How to! Mentioned on Google I/O 2012: Screencast: http://vimeo.com/33765496 Usage and installation instructions: http://github.com/NV/chrome-devtools-autosave

This might help you, creating a workspaces in chrome and mapping with your folder/directory.. https://developer.chrome.com/devtools/docs/workspaces

Even better than using it to locate the file is knowing how to override the source css by using inline style or adding !important to the end of css codes or last but not least the class method using !important to pick up new css files that are more important;) than the original. Use the class or title in css so the "#" and "." than the name of the html id or class named html tag.