我在开发工作流程中使用gulp / live reload。使用CSS为元素设置样式时，有时会直接使用Chrome开发者工具调整该元素的样式规则（在元素面板下使用event.style {}编辑）；然后当我有他们想要的东西时，我将它们复制到Sublime Text中并将其保存到项目中。
问题是，我所做的那些临时更改会在保存文件后继续阻止对CSS文件所做的任何更改，因此它们实际上将覆盖Live Reload，这意味着我必须以标准方式重新加载页面才能看到（ ）在css文件本身中所做的更改，这妨碍了实时重新加载的效果。
如果只更改了一个元素，则可以关闭样式规则，这可以很好地工作，但是在菜单等更复杂的元素中，例如样式可能涉及多个元素，那么很难记住在devtools中哪些已被更改以将其关闭。
是否有任何方法可以全局禁用或删除这些本地样式规则？
我发现可以做到这一点的lo-fi方法就是将ctrl-z按住几秒钟，而且看来我无法看到各个面板上的所有内容。
不是最佳解决方案，但似乎对我有用：
编辑：如果像我一样，您将Chrome的调试器与文件系统链接在一起，请确保由于Chrome有权在文件系统上的CSS资源中编写代码，所以您的测试规则未保存在文件系统上的CSS文件中。
我认为您不能禁用更改样式，因为这是开发工具的用途。
设置->更多工具->更改
现在您可以看到以前的所有更改