CSS：样式表不反映更改答案

【问题标题】：CSS: Stylesheet not reflecting changesCSS：样式表不反映更改
【发布时间】：2021-08-14 08:40:16
【问题描述】：

我正在使用子主题在 WordPress 上创建一个自定义页面，但是当我对网站上的样式表进行更改并刷新网站时，没有任何更改被反映。当我在文件管理器中检查文件时，它肯定已更新。我手动将编码设置为 UTF-8。

以前它在大约一个小时后更新，但现在它甚至没有在一夜之间改变。这让我相信样式表已被缓存，因此我清除了缓存并使用 CTRL + F5 重新加载。

我还在样式表链接的末尾添加了?ver=<?php echo rand(111,999)?>，所以在我开发的时间里，它不会缓存样式表。

这些都不起作用。（编辑：错误在所有主要浏览器上都存在）

当我将我的样式设置为内部 CSS 时，它工作得很好，并且更改会立即反映。到目前为止，我已经尝试了所有我能找到的解决方案，所以如果有什么我忽略了，请告诉我！

dashboard.php：

<html>
    <head>
        <meta name="robots" content="noindex, nofollow" charset="UTF-8" />
        <link rel="stylesheet" type="text/css" href="dashboard.css?ver=<?php echo rand(111,999)?>" />
    </head>

dashboard.css：

@charset "utf-8";

.container {
    width: 1200px;
}

.row {
    display: flex;
    text-align: center;
}

...

文件目录如下（都在同一个文件夹中）：

[Theme Folder]
-dahboard.css
-dashboard.php

【问题讨论】：

标签： html css browser-cache

【解决方案1】：

尝试在dashboard.css 文件中包含./。所以代码看起来像

    <head>
        <meta name="robots" content="noindex, nofollow" charset="UTF-8" />
        <link rel="stylesheet" type="text/css" href="./dashboard.css?ver=<?php echo rand(111,999)?>" />
    </head>

【讨论】：

【解决方案2】：

您的浏览器已禁用缓存，如果仍然无法使用，请尝试使用其他浏览器

【讨论】：

请再次阅读问题。 OP明确表示，他已经清除了缓存，并且首先阻止了缓存。此外，如果问题是由缓存问题引起的，则此问题不适合 SO（不可重现或由错字引起），因此不应回答。