要在Google Chrome前端网页元素审查中实时修改并保存CSS代码，你可以按照以下步骤操作：
1. 打开你想要编辑的CSS文件。
2. 在浏览器的开发者工具（如Chrome的DevTools）中，点击“Elements”（元素）选项卡。
3. 在“Elements”面板中，找到你想要编辑的CSS规则，右键点击它，然后选择“Edit CSS”。
4. 在弹出的编辑器中，你可以实时修改CSS代码。当你完成编辑后，点击“Save”按钮保存更改。
5. 如果你想要保存整个CSS文件，可以点击“File”菜单，然后选择“Download as” > “CSS”，将CSS文件下载到本地。
注意：这种方法只适用于直接在浏览器中编辑CSS文件的情况。如果你使用的是外部CSS文件，你需要先将其引入到你的项目中，然后使用上述方法进行编辑。