CSS不会在Chrome上更新

Question

我试图在我实际开发的网页上制作菜单，并且我注意到菜单ul的css在我更改代码时没有更新。 它在Chrome 37.0.2062.124中没有更新，但是当我清除缓存时它在Firefox 32.0.1中更新（当然，我也在Chrome上尝试过Ctrl + F5）。也许知道IE 11.0.10与Chrome有同样的问题，这很有趣。

此时，我想将文本缩进从2.75缩小到0.75，以适应文本。 这是jsfiddle（它似乎更新了更改）： jsfiddle

问题似乎在

#menu ul,
#menu ul ul {
    margin: 0;
    padding: 0;
    list-style: none;

    display: block;
    line-height: 2.75em;    
    text-indent: 0.75em;
}

所以我不知道这可能是由Chrome，Apache（我使用XAMPP 3.2.1 for W7）或任何其他愚蠢的东西引起的问题......

感谢大家。

Answer 1

Here是一个关于apache缓存的类似问题。 here也是一篇好文章。

尝试将版本后缀添加到您的css文件中，它应该强制浏览器从服务器获取最新版本。

<link rel="stylesheet" type="text/css" href="style.css?v=1" />

或者您可以添加时间戳而不是版本。

Answer 2

您可以尝试使用Ctrl + F5，这会在不使用浏览器缓存的情况下刷新页面。