为什么即使我更改了CSS样式表中的background color属性,我的.php网页背景色也没有更改?
我有一个home.php文件和一个styleSheet.css文件,它们并置在同一目录级别。在.css文件中,我曾经定义了以下背景颜色:为什么即使我更改了CSS样式表中的background color属性,我的.php网页背景色也没有更改?,php,css,background-color,Php,Css,Background Color,我有一个home.php文件和一个styleSheet.css文件,它们并置在同一目录级别。在.css文件中,我曾经定义了以下背景颜色: body { background-color: #b0e0e6; } 和 <link rel="styleSheet" href="./styleSheet.css"> 但主页中的背景色仍与以前一样。我在页面上单击鼠标右键,转到“查看页面源代码”,然后单击打开styleSheet.css的源文件中的链接,在其中我看到背景颜色仍然是b0
body {
background-color: #b0e0e6;
}
和
<link rel="styleSheet" href="./styleSheet.css">
但主页中的背景色仍与以前一样。我在页面上单击鼠标右键,转到“查看页面源代码”,然后单击打开styleSheet.css的源文件中的链接,在其中我看到背景颜色仍然是b0e0e6
我已经验证了my home.php代码,以确保其中没有其他地方定义背景颜色。我理解,在CSS中,根据CSS属性的定义位置,有一个优先级。而且,我刷新了网页,但没有用。所以这对我来说很奇怪
我感谢任何人的建议和修正。谢谢。我想这是因为浏览器缓存。
尝试在Chrome的“网络”选项卡中按ctrl+shift+i刷新,选中“禁用缓存”并刷新页面。听起来您的浏览器正在缓存旧版本的css文件 在home.php文件中,更改创建样式表的行,以包含一个随机时间戳,强制浏览器重新加载它。例如:
<link rel="styleSheet" href="./styleSheet.css?t=<?php echo round(microtime(true)*1000);?>">
我建议您仔细考虑一下,一旦您的页面投入生产,是否需要这样做 这次我也遇到了同样的问题 如果您使用的是chrome浏览器,则右键单击“重新加载”按钮并选择“硬重新加载”,这将解决问题,或者如果您使用的是Firefox,则只需使用Ctrl+F5 如果仍然存在问题,请清除历史记录: 1在chrome上选择Advanced并选择每个选项并清除它,重新打开浏览器并加载您的页面,这将修复它 2在Firefox中按Ctrl+Shift+Delete,在时间范围内清除:选择所有内容
希望这有帮助:按CTRL+F5键刷新浏览器缓存谢谢大家。事实上,我使用的是Chrome和Geeky清除所有历史记录/缓存的方法,这就成功了!
<link rel="styleSheet" href="./styleSheet.css?t=<?php echo round(microtime(true)*1000);?>">