对css的更改不会显示为实时

Question

我看到了类似的主题，但那里提到的解决方案都没有解决。 我更新了我的prestashop的global.css，但更改没有生效..为什么？ 但是，在检查元素时，您可以看到变化的变化。 （看img） Screenshot问题是什么？

Answer 1

交叉输出的css规则是规则被另一个更高优先级规则覆盖的结果。在您的情况下，规则似乎在其选择器中具有相同的特异性，因此我们可以得出结论，重写规则必须在您想要的规则之后重新声明。

在代码中查找可能包含两次css的地方。

Answer 2

迈克尔·阿里森是对的，你必须将规则合并在一起。 但是，如果您无法合并#article-heading的两个属性，则可以在body之前添加密钥#article-heading。这样，body #article-heading的属性将具有更高的优先级。

Answer 3

<高级偏好设置＆gt;中的

表现＆gt; CCC（COMBINE，COMPRESS和CACHE），你试过禁用＆＃34; Css的智能缓存＆＃34;？

从屏幕截图中我可以看到有一个缩小的CSS文件（letter_and_numbers.css）。如果您在检查代码时在global.css中，则应该可以看到global.css文件。

如果你已经禁用了＃34;智能缓存用于CSS＆＃34;在高级参数中它仍然不起作用你可能正在使用像Cloudflare或类似的服务吗？

例如，Cloudflare有一个用于缓存和缩小CSS的内置选项，因此即使你在Prestashop中关闭它，你也需要在那里禁用它。