主机上的 codeigniter 网站 - CSS 更改不会更改前端元素答案

【问题标题】：codeigniter website on a host- CSS changes does not change front end elements主机上的 codeigniter 网站 - CSS 更改不会更改前端元素
【发布时间】：2014-04-13 18:27:33
【问题描述】：

我的站点位于主机中。（不是本地主机）
框架：CodeIgniter。
使用 CSS 进行的更改：Flot 图表的图例

我使用 Chrome 工具/开发者工具对前端进行了更改。我可以立即看到我所做的所有更改。

我 FTP 到该站点，下载 CSS 文件，进行必要的更改（与 chrome 开发人员更改程序相同）并上传 CCS 文件。

我访问了该网站，但我看不到我使用 CSS 文件所做的更改。

【问题讨论】：

你能提供你网站的链接吗？

标签： css codeigniter google-chrome google-chrome-devtools host

【解决方案1】：

检查您托管的 CSS 是否包含最新更改
如果 CSS 正常，请尝试打开 chrome 开发工具并检查您尝试修改的元素。滚动浏览应用于该元素的 CSS 并检查您的样式是否存在。
如果您没有找到任何想要应用到元素的样式，可能是您拼错了选择器名称。记得检查 .class #id

另外，为了确保你的 CSS 文件不会被缓存，你的 php 文件的后缀是这样的

<link href="/stylesheet.css?<?php echo time(); ?>" rel="stylesheet" type="text/css" /&glt;

编辑上面的提示也适用于任何资源！（css、javascript 文件、图片...）

【讨论】：

这是一个很酷的技巧，可以在开发时为 css 链接添加时间。

【解决方案2】：

试试 Ctrl+F5。很难刷新

【讨论】：

感谢您的评论。我在我的 MacBook Pro 上执行了 command+shift+R。抱歉，它不起作用。感谢您的帮助
请给我一个链接，告诉我你在 css 中更改的位置以及在 html 中的位置（从查看源代码，给我什么行什么元素）

【解决方案3】：

更改 css 文件的名称，以便没有缓存问题，然后检查。如果这不起作用，请查看您的源代码并复制粘贴 css 文件的地址，以确保您的链接正确。

【讨论】：

感谢您的评论

【解决方案4】：

我认为你的 CSS 仍然被缓存，所以看看这个流行的问题：How to force browser to reload cached CSS/JS files?

有一些解决方案可以强制浏览器刷新 CSS 或 js。

你会得到最简单的答案是使用这样的东西：

  /styles/screen.css?v=1234

如果您进行了更改，您所要做的就是 +1 计数器！

在 PHP 中你也可以使用这个：

  <link rel="stylesheet" href="mycss.css?v=<?php echo filemtime('mycss.css') ?>"/>

这就像一个使用 CSS 文件时间戳的自动计数器。

【讨论】：

感谢您的评论

【解决方案5】：

在 DevTools 设置 (F1) 或 Network 面板中（取决于您使用的 Chrome 版本）勾选 Disable cache (while DevTools is open) 复选框。如果缓存是您的问题，它应该得到修复。

【讨论】：