【问题标题】:CSS class changed but the style is taking time to get appliedCSS 类已更改,但样式需要时间才能应用
【发布时间】:2019-12-15 09:09:55
【问题描述】:

我在 Django 应用的自定义 CSS 文件中添加了一个新类,并相应地更改了 HTML。

问题是class 被应用于比方说一个按钮,但页面没有显示更改。

例如:

请检查下面的sn-p

<button type="button" class="btn btn-primary btn-lg">Text</button>

我在 custom.css 中添加了一个新类 .btn-custom 并更改了 HTML 文件。

现在刷新后,上面的标签变成了

<button type="button" class="btn btn-custom btn-lg">Text</button>

但该样式未应用于页面。

我通过打开源代码来检查自定义 CSS 文件,我所做的更改就在那里。

2 到 3 小时后,更改会得到反映。 我尝试了硬刷新以及缓存清除以及与缓存相关的所有其他选项

【问题讨论】:

  • 您是否检查过类样式是否被另一个类覆盖?
  • 是的。它不是。实际上这门课会在 2-3 小时内申请。
  • 这看起来很奇怪,如果您可以在样式表中找到.btn-custom,那么这不是缓存问题。
  • 是的。有点奇怪。也许与Django有关?我是 Django 新手。
  • 我对此表示怀疑。你能提供一些代码让我仔细看看吗?

标签: html css django


【解决方案1】:

该行为包括您的 HTML 已成功更改但您的 CSS 未更​​改。这表明存在缓存。它可以是浏览器缓存或服务器缓存。

我看到您已经排除了缓存问题,但从您的描述来看,您似乎已经排除了浏览器缓存问题。但是,Django 自己有一个cache mechanism,它可以缓存静态文件。还有cache of static filescan be turned off

【讨论】:

  • 我尝试清除 Django 缓存。不过还是一样,应该是缓存问题。但我无法解决它。
  • @muneer 您也可能有其他服务器缓存,例如 Cloudflare。
  • 应用在我的本地开发环境中
  • @muneer 我建议您进行以下测试:更改 CSS 并查看浏览器控制台源选项卡中的 CSS 文件。刷新了吗?
  • Django 缓存清除解决了这个问题。早些时候我没有正确地做到这一点。感谢您的帮助。
猜你喜欢
  • 2011-12-11
  • 1970-01-01
  • 1970-01-01
  • 2016-05-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-11
  • 2016-05-02
相关资源
最近更新 更多