Chrome 本地覆盖不会在刷新后持续存在

Question

我正在向页面添加本地 css 覆盖，并且它们有效！但是，刷新页面时，“覆盖”选项卡中的样式表仍然显示，但样式不会反映。我认为 Chrome 中本地覆盖功能的主要原因是这些更改在页面刷新时仍然存在。

\n

我注意到，只有当我通过检查器上的开发工具“样式”选项卡向页面手动添加新的样式规则时，样式才会“重新启用”（只需按“+”按钮，任何特定规则都可以为空）。

\n

一些可能的解决方案：

\n

\n
• Chrome CSS Local Overrides 而不是 !important 对于 Chrome 扩展（但没有专门解决这种情况）
\n
• chrome \xe2\x80\x93 中的本地覆盖在开发工具关闭时保持活动状态（似乎相关，此问题没有答案）
\n

\n

（对于 Chrome 上的此功能的上下文解释如下：https://developer.chrome.com/blog/new-in-devtools-65/#overrides）

\n

请帮忙！

\n

Answer 1

inspector-stylesheet您添加的规则不是网络资源，在您添加之前它不会出现在页面上。

单击并按住“添加 css 规则”以选择在页面重新加载时保留的样式表，然后它将包含在重新加载时