Question

我对构建网站的整个过程完全陌生（这是我的第一个）。我使用filezilla上传文件。无论如何，我对我的CSS进行了一些修改，然后更新了文件。它在Firefox中正确显示，但由于某些原因，Chrome无法显示更改。我以前从未遇到过这个问题，当我在浏览器上查看文件本身时，它显示正常。我检查了我的代码，但发现它没有任何问题。这是有问题的CSS，但我不知道这是否会有所帮助。提前谢谢！

.neighborhood-guides {
background-color: #DEDCDA;
margin-bottom: 0px;
padding-bottom: 20px;
padding-top: 20px;
}

.neighborhood-guides h2 {
color: #393c3d;
font-size: 28px;
font-family: 'Vollkorn', sans-serif;
}

.neighborhood-guides p {
font-size: 22px;
margin-bottom: 15px;
font-family: 'Vollkorn', sans-serif;
}

.neighborhood-guides ul {
color: #393c3d;
font-size: 22px;
list-style: none;
font-family: 'Vollkorn', sans-serif;
margin-left: 0px;
padding-left: 5px;
}

.neighborhood-guides a {
font-family: 'Vollkorn', sans-serif;
font-size: 27px;
margin-left: 0px;
text-decoration: none;
}

#hourz {
font-family: 'Vollkorn', sans-serif;
display: inline-block;

}

#hourz li {
font-size: 16px;
}

#meoww {
margin-left: 40px;
font-size: 25px;
}

.featured {
height:70px;
background-color:#FF8585;
width: 100%;
margin-top: 0px;
font-family: 'Vollkorn', sans-serif;
}

.featured p {
font-size: 40px;
color: #fff;
margin-left: 40px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 15px;
}

Answer 1

它很可能是一个缓存问题，如果你把你的HTML变成一个php文件，你可以将它添加到php中的CSS链接，请按照下面的示例：

<link rel="stylesheet" href="css/custom.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />

这实际上为您的CSS代码添加了时间戳，浏览器将始终刷新到自更改时间以来的最新可用版本。

以下是您想要的部分：

?<?php echo date('l jS \of F Y h:i:s A'); ?>" />

不要忘记您必须将 index.html 更改为 index.php ，您仍然可以编辑index.php文件但不能在本地查看，为了做到这一点，如果你有一个或者看到更多关于WAMP

的信息，请将其上传到你的服务器

从长远来看，这绝对是值得的，因为不是每个人都禁用了缓存。

修改这也适用于可能访问您的网页的其他人，这些网页的CSS早期版本已缓存了。

小块CSS在Chrome中无法使用

1 个答案: