我在我的开发工作流中使用gulp/live reload。在使用CSS对元素进行样式设计时，有时会直接使用Chrome Dev Tools编辑该元素的样式规则（注：在Elements面板下使用event.style {}），然后当我将它们调整至所需状态后，将其复制到Sublime Text并保存到项目中。
问题是，我所做的这些临时更改会继续阻塞保存后对CSS文件所做的任何更改，从而实际上覆盖了Live Reload，这意味着我必须以标准方式重新加载页面以查看CSS文件本身所做的(真正的)更改，这影响了live reload的效果。
如果我只修改了一个元素的样式规则，则可以关闭特定元素上的一个样式规则，这很有效，但在像菜单这样的更复杂的元素上，其中样式可能涉及多个元素，那么很难记住在DevTools中更改了哪些元素以将它们关闭。
有没有办法全局禁用或删除这些本地样式规则？
设置 -> 更多工具 -> 变更
现在你可以看到所有之前的变更
并允许使用左下角的 还原所有更改 按钮
我发现一个简单的方法是只需按住ctrl-z几秒钟，它似乎可以撤消从各个面板中所做的所有更改。
这并不是最好的解决方案，但对我来说似乎起作用了：
编辑：如果像我一样，您将Chrome的调试器与文件系统链接在一起，请确保您的测试规则没有保存在CSS文件中，因为Chrome有权在文件系统中写入CSS资源。
以下是我找到的解决方案（Chrome v93.0.4577.82）...
注意：对于我来说，父文件夹是c:\temp\overrides\{sites_fqdn}\。 我找不到此文件夹的配置位置（即，据我所知，它不在任何chrome://flags或chrome://settings下）。
如果您同时使用源选项卡中的覆盖功能，可能会导致元素选项卡中的样式部分无法更改。要重置样式选项卡中的更改，请转到“源”>“覆盖”，然后禁用和/或清除您的覆盖。
我认为你不能禁用更改样式，因为这就是开发工具的作用。
这些Chrome开发工具资源中没有说明可以禁用此功能：
但是你可以直接删除对加载样式所做的修改。
关于你的评论，你确实想要删除所有内联/元素样式，由于这似乎不可能，你应该考虑仅更改加载的样式表。然后你就能够撤销更改。
进入.css文件的源视图，并在其中按Ctrl-Z：
（带修改的文件标有星号）
或者您可以通过按钮单击显示更改并撤消它们：右键单击 .css 文件，然后选择 本地修改...。历史记录将被打开。点击 还原
