css - Chrome 工作区中对 style.css 的更改未显示

Question

我一直在尝试使用 Chrome Workspaces 更有效地编辑我的 WordPress 子主题中的 CSS。我遵循了 http://wordimpress.com/using-chrome-devtools-workspaces-for-faster-wordpress-development/ 上的教程设置它。它在大多数情况下都有效，当我编辑我的子主题中的任何元素时，修改会立即显示在我的浏览器窗口中，我可以将其直接保存到本地 style.css 。

当我想为我的子主题添加一个新元素时出现问题(这个元素已经存在于父主题中但我之前不需要修改它，所以它不存在于子主题中)。使用检查工具，我在父级 style.css 中找到了该元素，然后将其复制到我的子主题编辑器(在 devtools 的源选项卡中)。但是一旦我这样做，对该元素的任何修改都不会反射(reflect)在实时浏览器中。

例如，这是父样式中的原始代码:

media="all"
.widget a {
color: #777;
}

然后我将其复制到我的子样式表并将其更改为颜色:#000。但是在实时浏览器中看到的颜色没有变化。

我做错了什么吗？

Answer 1

如果您使用的是 Google Chrome，请执行以下操作

1. 前往设置
   
2. 清除浏览数据
   
3. 检查所有标记
   
4. 抹杀过去的一小时或一天，取决于它何时正常工作。
   
5. 点击清除浏览数据
   

对我来说它奏效了。