在編寫CSS樣式表的時候，常常需要反復調整樣式，但是每次修改完CSS樣式后，頁面上并沒有馬上出現修改的效果。這種情況下，就需要使用調試工具了。谷歌瀏覽器自帶的“開發者工具”給我們提供了一套十分強大的調試CSS的工具，包括元素選擇器和CSS屬性的編輯，更改后可以實時預覽到修改效果。這些修改如何保存呢？下面是具體步驟：

1. 首先用鼠標右鍵點按已經修改的CSS樣式元素，然后選擇“自己點編輯自己”，或者在樣式編輯器中右鍵選擇相應的樣式編輯框；
2. 這時候，樣式表編輯器會跳出來，并自動滾動到你正在編輯的樣式；
3. 編輯完成后按下Ctrl + S保存修改的CSS樣式，或者通過右上角的綠色的“復制到剪切板”將修改的CSS樣式復制到你所喜歡的編輯器中，然后保存；
4. 刷新頁面，你就能立即看到修改后的CSS樣式生效情況。

通過這些簡單的步驟，你就可以用谷歌瀏覽器很方便地完成CSS樣式的調試和保存了。當然，如果你不希望頻繁地修改CSS樣式，那么你可以考慮使用CSS預編譯器，例如 LESS、SASS 或 Stylus，這些工具讓你在寫 CSS 時，使用一些非常強大的功能，比如變量、函數、嵌套規則等，讓你的 CSS 代碼更易于維護、擴展和重用。