当我"inspect element"时，css 代码中的更改没有显示

Question

我正试图从我的网站上删除不必要和不吸引人的空白。这些空白的主要来源是#main中的填充，我删除了它。

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

但是，在我将更改上传到服务器后，空白仍然存在。当我转到"inspect element"#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，它仍然链接到同一个文件，但名称不同，导致每次访问都重新缓存。不过，很明显，在生产中去掉这个。