免外掛！透過Chrome瀏覽器「開發人員工具」，將修改的CSS樣式回存至原檔案[轉載自梅問題教學網]

而有經驗的朋友知道，透過「開發人員工具」所作的任何設定與修改，都只是暫時性的，得將剛所設定與參數值，複製並貼回原來的CSS才會永久生效，但一次修正太多時，就是考驗記憶力的時候，雖然說透過外掛，可將在開發人員工具所修正的CSS樣式，回存至原來的CSS檔，但這只限於SASS才可以，若是純CSS的話，該如何將先前所作設定，回存至原來的CSS檔案，其實方法也很簡單，身為網設的你，也趕快來看看囉！

Step1
首先開啟「開發人員」工具，並透過「選取」工具，選取要調整的區塊。

Step2
選擇後，就可透過右邊的樣式表，進行修改。

Step3
甚至也可以多區塊的設定。

Step4
當一切都設定好後，再點一下右上的CSS檔案名稱。

Step5
接著再按「滑鼠右鍵」，選擇「Save as」。

Step6
接著再將這個CSS檔案，回存至原來的目錄下，預設為Download資料夾。

Step7
當回存完畢後，這時再重新網頁，哈～哈～剛的設定就不會跑掉，且也不用再記憶大考驗啦！