如果你想在页面会话的剩余部分删除样式，打开DOM检查器，找到链接样式表的<link>或<style>元素，然后删除该元素。这将导致所有关联的样式被删除。
如果您只想暂时禁用样式表，请向<link>/<style>元素添加新属性disabled。删除此属性可重新启用样式表。
如果站点包含大量分散注意力的DOM元素，您还可以访问控制台，以及类似document.styleSheets[0].disabled = true;的东西（其中0是样式元素的索引）。

这是基于Rob W的有益回答
只需将以下内容粘贴到您的控制台并相应地更改索引值。
第一次执行将禁用样式表，第二次执行将启用它。

var stylesheetIndex = 0;
var action = document.styleSheets[stylesheetIndex].disabled === false ? "Disabled " : "Enabled ";
document.styleSheets[stylesheetIndex].disabled = !document.styleSheets[stylesheetIndex].disabled;
console.log( action + "stylesheet:" + document.styleSheets[stylesheetIndex].href );

一种方法是找到：

<link rel="stylesheet" href="yourstyle.css" />

把它换成别的...

<link rel="stylesheet" href="yourstyleXXX.css" />

会使它无法工作…
我敢打赌，在开发工具中有一种方法...
问题是大多数人都在用预处理器连接和缩小他们的CSS ......所以在这些情况下你将无法采用这种方法。

你可以在开发工具中打开网络标签，找到你想要禁用的特定CSS文件。右键单击它，选择“阻止请求URL”，然后刷新页面（确保在开发工具的顶部选中“禁用缓存”）。现在，当页面加载时，对特定CSS文件的请求将被阻止。你也可以再次右键单击它并取消阻止。

安装Chrome的“Web developer”扩展程序。然后您将有各种选项，包括“编辑CSS”，您可以在其中动态更改任何CSS文件（或完全删除其内容）。
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

<script>

var stylesheet0 = document.styleSheets[0]; 
var stylesheet1 = document.styleSheets[1]; 
var stylesheet2 = document.styleSheets[2]; 

stylesheet0.disabled = true; 
stylesheet1.disabled = true; 
stylesheet2.disabled = true; 

</script>

1.打开Chrome Dev Tool
1.转到Sources
1.查找您的.css file
(or，替换步骤1~3：
ctrl+shift+c选择一个元素并找到相应的样式，然后单击指向.css file的样式超链接）

1. ctrl+a选择所有css并删除它们
2. Html将根据.css file的变化真实的重新渲染。

• 对css文件的更改将 * 不保存 * 到文件系统，（即使你按ctrl+s）

(base on：Chrome开发者工具提示警告说的&我测试过了）
例如，图表：