当我“检查元素”时，css代码的变化没有出现

Question

我正在尝试从我的网站中删除不必要且不吸引人的空白区域。这些空白的主要来源是我删除的#main 中的填充。

 #main
{
    padding: 0em 0 0em 0;
}

但是，在我将更改上传到服务器后，空白仍然存在。当我转到“检查元素”#main 时，会出现原始代码（如下所示），尽管我确信上述更改已发送并保存到我的服务器。

 #main
{
    padding: 6em 0 6em 0;
}

这种差异的根源是什么？任何帮助是极大的赞赏。

Answer 1

当我遇到缓存问题时我会做两件事..

直接查看文件例如； mysite.com/style.css 并查看文件是旧文件还是新文件，根据经验，这也会在 Chrome 和 Safari 中重新缓存文件 - 有时不在 FF 中并且不确定 IE。

如果是请求css文件的php文件，请尝试添加

<link type="text/css" href="style.css?<?php echo rand();?>">

这将在文件中附加一个随机数，例如； style.css?2345 仍然链接到同一个文件但名称不同，导致它重新缓存每次访问。显然，在生产中取消它。